22 级联选择器 有三级 也有两级时 想实现选择两级时 框里不显示选择的 只有选了3级 才会在框里显示 ：
<el-cascader
v-model="value"
:options="options"
:props="{ expandTrigger: 'hover', label: 'cat_name'， value: 'cat_id' }" // value: 'cat_id' 没有
model里的 value没有值
获取不到id 也可获取其他
@change="handleChange"
></el-cascader>
data() {
return {
value: [], //返回选择的级的id 一级一个id 是一个数组
options: [], //请求的数据 其中每一个对象中有一个属性是要显示的
// label: 'cat_name' cat_name就是要显示的 加了label: 'cat_name' 就显示了
// 如果数据对象的子集的显示数据属性名字不同 应该用chirdren
};
},
methods: {
handleChange() { // 自带事件 @change="handleChange" 经过这个函数才通过 this.value 里的id显
示在框里 为0 就显示不了了
if (this.value.length < 3) {
this.value = 0;
}
},
}
级联选择器 options为要显示的数据 杂点无所谓 比如： 只需要name 组成三级
{
name:2
id:3
vas:wuwu
arr:{
name:2
id:3
vas:wuwu
arr:{
name:2
id:3
vas:wuwu
}
}
}
props 一定要有 如果 上面的arr是children命名 children不用配 label是要展示的属性 value是选中后 在model 里显示什么 一般id arr不是children命名 配children 是按照children里的划分为二级显示 三级
