美文网首页前端与特效
Element UI:table默认选中

Element UI:table默认选中

作者: Melody_28a2 | 来源:发表于2021-01-19 16:04 被阅读0次
给el-table添加ref,table的数据刚开始是空的,所以需要监听tableDate的数据变化,数据变化后,结合this.$nextTick和toggleRowSelection实现默认选中行
 watch: {
      tableData: {
        handler(newVal) {
          if (newVal.length > 0) {
            this.$nextTick(() => {
              //newVal是新的表格数据,[8] 8是表格数据要默认选中的索引
              this.$refs[this.tableRef].toggleRowSelection(newVal[8], true)
            })
          }
        },
        immediate: true
      },
}

相关文章

网友评论

    本文标题:Element UI:table默认选中

    本文链接:https://www.haomeiwen.com/subject/vhxczktx.html