vex-table 2.9.4 :edit-render select 设置每一行的下拉均不同
时间: 2024-03-13 19:47:54 浏览: 13
您可以通过自定义一个函数来动态设置每一行下拉列表的选项,具体步骤如下:
1. 在VEX-Table的`columns`配置中,使用`edit-render`参数来定义一个下拉列表列,并将`options`设置为一个自定义函数。例如:
```
{
title: 'My Select',
key: 'mySelect',
editRender: {
name: 'select',
options: this.getRowOptions
}
}
```
2. 在VEX-Table的`methods`中,定义一个`getRowOptions`函数,用于根据行数据动态生成下拉列表选项。例如:
```
methods: {
getRowOptions(row) {
let options = [];
// 根据行数据生成选项
if (row.someCondition) {
options = [
{ label: 'Option A', value: 'optionA' },
{ label: 'Option B', value: 'optionB' },
{ label: 'Option C', value: 'optionC' }
];
} else {
options = [
{ label: 'Option X', value: 'optionX' },
{ label: 'Option Y', value: 'optionY' },
{ label: 'Option Z', value: 'optionZ' }
];
}
return options;
}
}
```
在`getRowOptions`函数中,根据行数据的不同,动态生成下拉列表选项,并返回一个数组。VEX-Table会自动将该数组作为下拉列表的选项。
这样,每一行的下拉列表选项都会根据行数据的不同而动态改变。
请注意,上述代码仅供参考,您需要根据实际情况进行修改和调整。