VUE 实现两个select联动效果

VUE 实现两个select联动效果_第1张图片VUE 实现两个select联动效果_第2张图片

两个下拉框,当选择A的时候B会跟着联动

template代码


        
          
            
          
        
      
      
        
          
            
          
        
      

script代码

watch: {
    'formData.houseName': {
      deep: true,
      handler(n, o) {
        this.roomNoList = this.houseNameList
          .filter((item) => item.houseName == n)[0]
          .roomNoList.map((item) => {
            return { label: item, value: item };
          });
      }
    }
  },

 

你可能感兴趣的:(VUE 实现两个select联动效果)