element-ui 解决 el-select 设置默认值后无法切换选项

原因:select已经绑定了值,render函数没有自动更新,数据刷新了但是视图没有刷新

解决方法:使用this.$forceUpdate()重新render

<el-select 
	v-model="ruleForm.region" 
	placeholder="请选择角色" 			
	@change="handleSelectChange">
	  <el-option
	    v-for="item in roleOption"
	    :key="item.id"
	    :label="item.name"
	    :value="item.id"
	  />
</el-select>
handleSelectChange() {
  this.$forceUpdate()
},
posted @ 2021-11-11 16:11  侯赢  阅读(421)  评论(0)    收藏  举报