通过行控制table复选框状态

Posted 2021-03-01 dianzan

<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>