ElementUI 的 Cascader 级联选择器个人觉得很好用,但是对 :options="options" 里的数据格式是有特定要求的:input 框显示的值是 options 里的 label 值。如果 options 的键值对不是 value label ,就需要 props 来配置。
<el-cascader
v-model="data"
:options="options"
placeholder="请选择"
:props="{ value: 'id', label: 'name'}"
@change="handlechange">
</el-cascader>
js:
export default {
data() {
options:[
{ id: 1, name: '第一层', children: [ id: 11, name: '水果']},
{ id: 2, name: '第二层', children: [ id: 22, name: '蔬菜'] },
]
}
}
element-ui cascader级联选择器 同时返回value和label
ElementUI 之 Cascader 级联选择器自定义节点内容
element-UI级联选择器(Cascader)获取label值 ,this.$refs['新组件名'].currentLabels 在2.7版本给移除了,新的解决方法。