FAQ

获取组件内的el-table实例

    <el-data-table
        ref="dataTable"
        v-bind="tableConfig"
    ></el-data-table>

this.$refs.dataTable.$refs.table

手动调用el-data-table刷新

this.$refs.dataTable.getList()

查询后刷新

场景

查询后，参数放在url上，再刷新，此时select组件显示的不是中文，而是数字或字符串

解决方案

把select option的value变成字符串类型

原有代码

      searchForm: [
        {
          $el: {placeholder: '请选择'},
          label: '状态',
          $id: 'status',
          $type: 'select',
          $options: [
            {
              value: 1,
              label: '待处理'
            },
          ]
        }
      ]

改动后代码

      searchForm: [
        {
          $el: {placeholder: '请选择'},
          label: '状态',
          $id: 'status',
          $type: 'select',
          $options: [
            {
              value: '1', // 修改了这一行
              label: '待处理'
            },
          ]
        }
      ]

弹窗关闭时清空选中状态

场景

el-data-table 在 el-dialog 中展示，在 el-dialog 关闭后，清空 el-data-table 的选中状态。

解决方案

    onCloseDialog() {
      this.showDialog = false
      this.selected = []
      this.$refs.dataTable.$refs.table.clearSelection()
    }