el-table 单击某一行，该行的前面的多选框显示已勾选

目   录

        官网：

      1.  单页面

       2. table是组件

---

案例：

官网：

 

1.  单页面

通过单击获取当前行的数据，然后传给选中显示勾选的方法。

2. table是组件

2.1  在table组件中添加方法

 /**
     * 单击某一行，该行多选框显示已选中
     */
    toggleSelection(rows) {
      if (rows) {
        // rows.forEach((row) => {
        //   this.$refs.table.toggleRowSelection(row);
        // });
        this.$refs.table.toggleRowSelection(rows);
      } else {
        this.$refs.table.clearSelection();
      }
    },

2.2  在主页面调用

 /**
     * 单击事件
     */
    GetrowClick(val) {
      console.log("单击了啊", val);
      this.$refs.cummonTable.toggleSelection(val);
    },