vue.js - element-ui 怎么调用table内置的方法 toggleRowSelection

问题描述

问 题

在用element-ui进行开发
需要根据用户的数据，自动选择/取消选择 某些指定的行。
问题一
UI中提供了 toggleRowSelection 这个方法，但是不知道怎么调用。

问题二
table中绑定的对象为[{value:1,text:"a"},{value:2,text:"b"}];
怎么获取value=1这行的row对象进行选中

解决方案

綁定 ref 就可以拿到組件對象

<el-table ref="table">
    // 略
</el-table>

data() {
  return {
    data: [
        { id: 1, value: '1' },
        { id: 2, value: '2' },
        { id: 3, value: '3' },
    ],
  }
},
mounted() {
  this.$refs.table.toggleRowSelection(this.data[2]) // 選中第二個
  // 選中 value = 1 那行
  this.$refs.table.toggleRowSelection(this.data.find(d => d.value === 1)) 
}

这篇关于vue.js - element-ui 怎么调用table内置的方法 toggleRowSelection的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！