el-select选择无变化 解决方案

el-select选择无变化解决方案

问题重现

//伪代码

	
	


备选项
  备选项
///

data(){
  return {
  	option:[{code:1,label:'你好',value:1}],//value为数字1
  	value:'',
  	radio:1
  }
},
watch:{
	radio:function(val){
	if(val==1){
		this.value=''//监听到radio为1的时候 给this.value置空,此时改变了el-select上v-model的类型,变为了字符串.
		
	 }else{
	 //当radio变为2的时候,此时选择el-select时不能赋值,选择无变化
	}
}

解决方案

第一种:给 el-select添加change事件,改变时用this.$forceUpdate()强制更新.
第二种:置空this.value的时候不要改变类型,原本v-model绑定的是什么类型,改变时还用这个类型