按官网上的 table表格中的多选

一开始我的代码是这样的:
this.enabelLists.forEach(row => {
this.$refs.selectTable.toggleRowSelection(row, true)
})
其中 this.enabelLists 是我要勾选的数组
selectTable 要绑定在你要出现这个勾选数组的表格中,你的表格必须包含勾选数组。
如果在自己的vue项目中,没有效果,那是对的。因为你的表格是你请求数据渲染出来的,可能那时候你的表格还没完全渲染完。所以要借用$nextTick
修改之后的代码如下:
this.$nextTick(() => {
this.enabelLists.forEach(row => {
this.$refs.selectTable.toggleRowSelection(row, true)
})
})
在Vue项目中使用ElementUI的el-table组件时,遇到多选框默认选中但实际无效果的问题。通过分析,发现初始代码中存在配置错误。通过对this.enableLists设置为要勾选的数组,并正确绑定到selectTable中,确保表格包含勾选数组,成功解决了选中无效果的问题。
1万+





