vue项目中 elementUI 中表格多选框默认选中,但没有效果问题

按官网上的 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)
  })
})
发布了55 篇原创文章 · 获赞 8 · 访问量 1759

猜你喜欢

转载自blog.csdn.net/louting249/article/details/104022350