element-ui Select 清空model,页面没有清空选中项的问题

时间:2023-03-09 00:36:05
element-ui Select 清空model,页面没有清空选中项的问题

业务场景:

element-ui Select 清空model,页面没有清空选中项的问题

在dialog 每次打开时, 选择应用程序要初始化为空。

最初的做法为: 监听dialog的show状态,当show为false时,设置selectApp为空这样写时,虽然selectApp的值为空了,但是页面仍然显示为上次选中的option。

watch:{
show:function(val){
    if(!val){
this.selectApp=''
      }    
   }
}

解决方案:

通过$data来修改值。

watch:{
show:function(val){
if(!val){
this.$data.selectApp=''
}
}
}