el-cascader選中節點之后,清空選中的選項


項目需要選中城市后,添加至已選城市列表,選項框換成“+新增城市”字樣,所以需要禁止將選中的值顯示在選中框

 <el-cascader
                class="serve_citySel"
              popper-class="serve_suspend"
              placeholder="+ 新增服務區"
              v-model="cityName"
              :options="provinceDataArr"
              :props="serCitProp"
              @change="addServiceArea"
              @visible-change="handleCity"
              ref="getSerCitySelName"
              :key="isResouceShow"
            ></el-cascader>
         
    // 清空選中的城市,只顯示“新增服務區”,記得在beforeUpdate生命周期給數據源重新賦值
    methods: {
    addServiceArea(){
          this.cityName = ''  // 清空雙向綁定的選中值
          ++this.isResouceShow // 讓key自增,防止報錯
          this.provinceDataArr =[]  // 清空數據源
    }
}
   beforeUpdate(){
      this.provinceDataArr = data   // 城市數據需要重新賦值
    }

 


免責聲明!

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



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