vue2.x，el-table，树形表格存在多选的时候，如何优化让父子选框进行联动？-灵析社区
皮皮踢[https://codesandbox.io/p/sandbox/agitated-merkle-qmhmck?file=...](https://link.segmentfault.com/?enc=kw0%2FAd0zG0THGkRsnL5wqQ%3D%3D.GMPPPi8IJgN5aTGX4Ox5m9I1fIE01LjzUSgES9Y7KR3fu%2F8hdYVwpGXjIyzw0l2swhbzkSX22pZ30UVCwS7GRmCYXdws9zNc3nNH7fPD8prPIEc%2Bc6FT8e2DxWxSt9V7) 看看这是不是你想要的，如果是的话，按照下面步骤来： 1. 给你的`el-table`加上`row-key`属性，`row-key`的值为你的数据唯一标示名，一般会是`id`。 2. 给你的勾选框`column`加上`reserve-selection`属性，不用写值。 3. 切换分页验证效果。 {{ scope.row.date }} 第一页 第二页 const fetchData = (page) => { return new Promise((resolve) => { setTimeout(() => { const page1Data = [ { id: "1", date: "2016-05-03", name: "王小虎", address: "上海市普陀区金沙江路 1518 弄", }, { id: "2", date: "2016-05-02", name: "王小虎", address: "上海市普陀区金沙江路 1518 弄", }, ]; const page2Data = [ { id: "3", date: "2016-05-03", name: "雷军", address: "上海市普陀区金沙江路 1518 弄", }, { id: "4", date: "2016-05-02", name: "雷军", address: "上海市普陀区金沙江路 1518 弄", }, ]; if (page === 1) { resolve(page1Data); } if (page === 2) { resolve(page2Data); } }, 1000); }); }; export default { name: "App", data() { return { page: 1, tableData: [], multipleSelection: [], }; }, methods: { setPage(page) { this.page = page; }, async getTableData(page) { const data = await fetchData(page); this.tableData = data; }, handleSelectionChange(val) { console.log("val", val); }, }, watch: { page: { immediate: true, handler(val) { this.getTableData(val); }, }, }, };