二、表格行的單選:

1、<el-table>的屬性:highlight-current-row
功能:設置是否高亮顯示(選中行)當前行。
2、<el-table>的方法:setCurrentRow(row)
功能:將參數指定的行作爲當前行。若省略參數,則將選中的行
取消選中狀態。
例:通過按鈕將表格中的第三行設置爲高亮顯示。

   <el-button @click=“btnClick”>選中第三行</el-button>
    btnClick(){
      this.$refs.student.setCurrentRow(this.tableData[2]);
}

3、<el-table>的事件:current-change(currentRow,oldCurrentRow)
觸發機制:噹噹前行發生變化時觸發該事件。
參數:currentRow - 變化之後的當前行。
oldCurrentRow - 變化之前的當前行。

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