使用element中的table組件,如何單擊某一行數據時選中對應的復選框


<el-table @row-click="clickRow" ref="moviesTable" :data="insertModel.tableData"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"/>
<el-table-column prop="name" label="電影名稱" align="center" show-overflow-tooltip/>
<el-table-column prop="movieType" label="分類" width="100" align="center" :formatter="formatType"/>
</el-table>


<script>
export default {
methods: {
clickRow(row){
this.$refs.moviesTable.toggleRowSelection(row)
}
}
};
</script>


    
/* 在<el-table>標簽中綁定
  @row-click="clickRow" 單擊事件 和 ref="moviesTable"屬性
  然后再單擊事件的方法中,寫
  this.$refs.moviesTable.toggleRowSelection(row)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM