博客

需求：

两个el-select联动，当第一个change的时候，清空第二个的值以及清空第二个的下拉框的数据源，但是清空之后发现，第二个el-select再也无法选择下拉数据，选择没有效果

解决方案1：


先判断再清空

    async select1Change(id){
      if (id) {
        this.formData.select2? this.formData.select2= '' : '' // 清空下拉框2的值
        this.select2Data= [] // 清空下拉框2的数据源
        const response = await getSelect2Data(id) // 根据下拉框1所选择查询下拉框2的数据源
        this.select2Data= response.data // 给下拉框2绑定新数据源
      }
    },

解决方案2：


将第二个输入框绑定的变量注册到data()里面

      formData:{
        pageNum: 1,
        pageSize: 10,
        select2: undefined,
      },