Elementui Cascader 選擇任意一級選項插件,選中最后一級圓圈關閉下拉


頁面:
<el-cascader
                v-model="areaId"
                ref="refHandle"
                :options="areaList"
                :props="{ checkStrictly: true }"
                @change="handleChange"
                expand-trigger="hover"
                clearable
              ></el-cascader>
邏輯:
 watch:{
    areaId:{
      handler(newVal, oldVal) {
        if (this.$refs.refHandle) {
          var children = this.$refs.refHandle.getCheckedNodes();
          if(children[0].children.length < 1){   //判斷有沒有下級
            this.$refs.refHandle.dropDownVisible = false; //監聽值發生變化就關閉它
          }
        }
      },
    }
  }

  判斷值有沒有變化,變化切沒有下一級,關閉級聯選擇


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM