README.md

EmTableSelect

弹出层表格选择组件

• 注意：该组件在表单内使用时，校验规则中trigger要设置为‘blur’，否则会出现清空表单时校验信息未被清空的问题。

基本使用

<em-table-select
  ref="tableSelectRef"
  v-model="deptId"
  :searchForm = "searchForm"
:
columns = "columns"
multiple
url = "/bt-table-page"
@on
-data - change = "onDataChange"
@changeRow
= "changeRow" / >
  
  data()
{
  return {
    deptId: [],
    searchForm: [
      {
        type: 'input',
        key: 'name',
        label: '商品名称',
      }
    ],
    columns: [
      {
        key: "id",
        label: "ID"
      }, {
        key: "name",
        label: "名称"
      }, {
        key: "mimeType",
        label: "类型"
      }, {
        key: "extension",
        label: "后缀"
      }
    ],
  
  }
}

methods: {
  onDataChange(d)
  {
    console.log(d)
  }
,
  changeRow(d)
  {
    console.log(d)
  }
}

组件属性

参数	说明	类型	可选值	默认值
$attrs	继承了el-table的所有属性	Any	—	—
value / v-model	绑定值	String, Number, Array	—	—
url	表格拉取数据的接口地址	String	—	—
searchForm	表格搜索条件	Array	—	[]
columns	表格表头结构数据，同Element-ui	Array	—	[]
pageSize	表格查询数量	Number	—	-1
width	弹出窗宽度	Number	—	500
multiple	是否多选	Boolean	—	false
valKey	绑定值的key	String	—	id
labelKey	展示值的key	String	—	name
placeholder	输入框占位符	String	—	请选择
placement	弹窗从哪里弹出	String	[同el-popover中的placement属性]	bottom
disabled	是否禁用	Boolean	—	false

组件事件

事件类型	说明	回调参数
$listeners	继承了el-table所有的事件	根据事件返回
on-val-change	返回绑定值的变化响应	绑定的值