avue-crud 组件控制某条数据所在行不可选择
可以通过设置 avue-crud 组件中的 selectable 属性为一个函数来实现控制某条数据所在行不可选择。具体实现如下:
<avue-crud
:selectable="selectableFunc"
:columns="columns"
:data="tableData"
></avue-crud>
export default {
data() {
return {
columns: [...],
tableData: [...],
}
},
methods: {
selectableFunc(row) {
// 控制 id 为 1 的数据所在行不可选择
return row.id !== 1;
},
},
}
在上述代码中,selectableFunc 函数接收一个参数 row,表示当前行的数据。在函数中,我们可以根据数据的特殊标识来判断该行是否可被选择。例如,在上述代码中,我们通过判断数据的 id 是否为 1 来控制该行不可选择。
原文地址: https://www.cveoy.top/t/topic/bgLG 著作权归作者所有。请勿转载和采集!