Advertisement

在Vue项目中使用elementUI表格时,默认情况下多选框已勾选但无实际效果

阅读量:

可参考官网提供的多选表格组件[https://element.eleme.cn/#/zh-CN/component/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.to

全部评论 (0)

还没有任何评论哟~