django-vue-admin/web/src/components/table-selector/README.md

表格选择框配置说明

crud.js

 {
        title: '单选本地',
        key: 'select1',
        sortable: true,
        search: {
          disabled: true
        },
        type: 'table-selector',
        dict: {
          url: '/api/system/user/',
          value: 'id', // 数据字典中value字段的属性名
          label: 'name', // 数据字典中label字段的属性名
          getData: (url, dict, { form, component }) => {
            return request({ url: url, params: { page: 1, limit: 1 } }).then(ret => {
              component._elProps.page = ret.data.page
              component._elProps.limit = ret.data.limit
              component._elProps.total = ret.data.total
              return ret.data.data
            })
          }
        },
        form: {
          component: {
            span: 12,
            props: { multiple: true },
            elProps: {
              pagination: true,
              columns: [
                {
                  field: "name",
                  title: "名称",
                },
                {
                  field: "username",
                  title: "账号",
                },
                {
                  field: "role",
                  title: "角色Id",
                },
                {
                  field: "dept",
                  title: "部门Id",
                },

              ]
            }
          }
        }
      }

配置说明

详细文档:
1.http://d2-crud-plus.docmirror.cn/d2-crud-plus/guide/dict.html
2.https://xuliangzhan_admin.gitee.io/vxe-table/#/grid/api

Name	Description	Type	Required	Default
type	字段所使用的组件	String	true	table-selector
dict	字典的配置	Object	true	{}
multiple	是否多选	Boolean	false	false
pagination	是否分页	Boolean	false	false
columns	表格的列配置	Array	true	[]
field	字段	String	true	''
title	字段名称	String	true	''

---

events

Name	Description	Params
radioChange	表格行单选的点击事件	row,rowIndex

form:{
  component:{
    on: {      //单选事件监听
              radioChange({ event, scope }) {
                scope.form.channel_number = event.row.channel_number
              }  
      },
  }
}