级联选择器 两级不在框中显示

22 级联选择器 有三级 也有两级时 想实现选择两级时 框里不显示选择的 只有选了3级 才会在框里显示 :

 
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里的划分为二级显示 三级

你可能感兴趣的:(级联选择器 两级不在框中显示)