我在使用el-cascader组件 其中:options="queueNameList" 而queueNameList =[ { desc: 'QUEUE_CONTACT', value: 'QUEUE_CONTACT' }, { desc: 'QUEUE_ScheduleChange', value: 'QUEUE_ScheduleChange' }]但是在显示时无法显示具体的队列名,我应该怎么改
时间: 2024-02-25 13:51:44 浏览: 78
select时没有指定确切的列名
你可以在每个对象中添加一个 `label` 字段用于显示具体的队列名,例如:
```
queueNameList = [
{
desc: 'QUEUE_CONTACT',
value: 'QUEUE_CONTACT',
label: '联系队列'
},
{
desc: 'QUEUE_ScheduleChange',
value: 'QUEUE_ScheduleChange',
label: '日程变更队列'
}
]
```
这样,使用 `el-cascader` 组件时,就可以将 `options` 属性设置为 `queueNameList`,同时设置 `props` 属性中的 `label` 字段为 `label`,例如:
```
<el-cascader
v-model="selectedQueue"
:options="queueNameList"
:props="{ label: 'label' }"
></el-cascader>
```
这样就可以在 `el-cascader` 中正确显示队列名了。
阅读全文