el-cascader不绑定值可以吗
时间: 2023-07-22 08:03:18 浏览: 127
可以的,el-cascader组件可以不绑定值,这样就不需要在代码中处理选中的值。只需要在模板中使用el-cascader组件即可,例如:
```
<el-cascader :options="options"></el-cascader>
```
这样,el-cascader会根据传入的options属性渲染选项,用户可以进行选择,但是不会触发任何值变化的事件。如果需要获取选中的值,可以通过监听el-cascader的change事件来获取。例如:
```
<template>
<el-cascader :options="options" @change="handleCascaderChange"></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: 'zhinan',
label: '指南',
children: [
{
value: 'shejiyuanze',
label: '设计原则',
children: [
{
value: 'yizhi',
label: '一致'
},
{
value: 'fankui',
label: '反馈'
}
]
}
]
}
]
}
},
methods: {
handleCascaderChange(val) {
console.log(val)
}
}
}
</script>
```
这样,在用户选择完成后,就可以通过handleCascaderChange方法来获取选中的值。
阅读全文