关键代码如下
<el-table ref="multipleTable" :data="tableData" highlight-current-row tooltip-effect="dark" @selection-change="handleSelectionChange" @row-click="handleRowClick">
</el-table>
<script>
export default {
methods: {
//点击复选框触发,复选框样式的改变
handleSelectionChange(val) {
this.multipleSelection = val;
},
//点击行触发,选中或不选中复选框
handleRowClick(row, column, event){
this.$refs.multipleTable.toggleRowSelection(row);
}
}
}
</script>
效果图如下所示
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。