如何让Vue.js Element UI表格的复选框部分禁用？

本文共计228个文字，预计阅读时间需要1分钟。

有时我们构建这样的表格，包含一系列复选框。希望根据某些条件禁用某个列的选项框，可以这样实现：

+ HTML:

+ JS:javascriptexport default { data() { return { tableData: [ { column1: '选项1', column2: '选项2' }, { column1: '选项3', column2: '选项4' } ] }; }, methods: { selectable1(row, index) { // 根据条件禁用列1的复选框 return true; // 或根据条件返回false }, selectable2(row, index) { // 根据条件禁用列2的复选框 return true; // 或根据条件返回false } }};

以上是Vue.js结合Element UI实现禁用部分复选框的简单方法分享。

有时候我们构建这样带一列复选框的表格

然后希望根据条件禁用某个列表项的选择框，可以这样写

HTML：

JS：

以上这篇vuejs+element UI table表格中实现禁用部分复选框的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。