龙空技术网

element select单选切换多选无法清除历史数据的解决方案

X太白 50

前言:

而今我们对“elementui清空select”大体比较着重,我们都需要学习一些“elementui清空select”的相关资讯。那么小编同时在网摘上收集了一些关于“elementui清空select””的相关资讯,希望咱们能喜欢,各位老铁们快快来了解一下吧!

需求场景:需要通过切换不同的选项来填写不同的表单,选项A中的选择器是单选,选项B中的选择器是多选,当单选选完切换到多选的时候,单选的数据并没有被清空

解决方法很简单,在各自的select上加上 key

 <el-form-item label="请选择活动区域(单选)" v-if="form.radiosValue === '单选'">   <el-select v-model="form.region1"  key="region1" placeholder="请选择活动区域">     <el-option label="北京" value="北京"></el-option>			<el-option label="天津" value="天津"></el-option>	</el-select></el-form-item><el-form-item label="请选择活动区域(多选)" v-if="form.radiosValue === '多选'">  <el-select v-model="form.region2" multiple key="region2" placeholder="请选择活动区域">    <el-option label="宁波" value="宁波"></el-option>		<el-option label="上海" value="上海"></el-option>		<el-option label="杭州" value="杭州"></el-option>	</el-select></el-form-item>

标签: #elementui清空select #element select清空数据