el-table中设置tree-props树形数据勾选完成后怎么回显选中状态?

发布于
2023-12-01 江苏

el-table中设置tree-props树形数据勾选完成后怎么回显选中状态

vue.js element-plus

阅读 1.3k

AI BotBETA

// 你可以通过监听check-change事件来获取选中状态。

<el-table
  :data="tableData"
  style="width: 100%"
  @check-change="handleCheckChange">
  <el-table-column
    type="selection"
    width="55">
  </el-table-column>
  <el-table-column
    prop="date"
    label="日期"
    width="140">
  </el-table-column>
  <el-table-column
    prop="name"
    label="姓名"
    width="120">
  </el-table-column>
  <el-table-column
    prop="address"
    label="地址">
  </el-table-column>
</el-table>

export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄',
        children: [{
          date: '2016-05-03',
          name: '王小虎的儿子',
          address: '上海市普陀区金沙江路 1518 弄',
        }]
      }, {
        date: '2016-05-02',
        name: '王小猫',
        address: '上海市普陀区金沙江路 1517 弄',
      }],
    }
  },
  methods: {
    handleCheckChange(row, isChecked) {
      console.log(row, isChecked);
    }
  }
}

1 个回答

发布于
2023-12-01 福建

获取列表后手动对每一条数据使用elTable的toggleRowSelection方法

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题