Element獲取table中選中的行

實驗版本爲:Element2.13.1

‘’this.$refs.multipleTable.selection‘獲取表格選中行信息 :

    <el-button type="primary" @click="getSelection">獲取</el-button>
    <el-table :data="tableData" ref="multipleTable" border>
      <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="address" label="地址" width="300"></el-table-column>
    </el-table>
  methods: {
    getSelection() {
      const _selectData = this.$refs.multipleTable.selection;
      console.log(_selectData);
    }
  }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章