項目需要選中城市后,添加至已選城市列表,選項框換成“+新增城市”字樣,所以需要禁止將選中的值顯示在選中框
<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 // 城市數據需要重新賦值 }