记录 element ui table 组件踩坑

需求：点击行默认勾选

<el-table
  ref="addTable"
  :data="tableData"
  tooltip-effect="dark"
  style="width: 100%;"
  @row-click="handleRowClick"
  @selection-change="selectChange"
  @select="handleAddSelect"
  highlight-current-row
  border
  >

</el-table>

  selectChange(val) {
      this.addTable= val;
    },
  handleRowClick(row,index) {
      this.$refs.addTable[0].toggleRowSelection(row);
    },

网上很多都是说 this.$refs.addTable.toggleRowSelection(row)就可以,但是 toggleRowSelection 打印出来是 undefind

打印 this.$refs.addTable 才发现是一个数组所以换成 this.$refs.addTable[0]就可以了

本文使用 mdnice 排版