解决vue 更改计算属性后select选中值不更改的问题

先上代码：

//...

  
    
      {{item.value}}
    
    {{selected}}
  
  

上面的代码就是采用vue的v-for指令绑定数据生成option，但今天学习写的时候突然发现一个问题，即将计算属性da绑定到v-for指令上，然后再替换源数据options，结果da计算属性正确，而selected属性并没有变化。也就是页面上的下拉框在非展开情况下的文字并没有改变，如下图：

这里可以看到下拉框的option已经更新，然而selected属性并没有随之同步更新，因为它缓存了上次选择的值。

这里如此设计不知是否合理，因为我用这种用法用的比较少。

但有问题就要解决。在computed中的计算属性中增加selected=''，每次更新依赖则重置selected属性。

以上这篇解决vue 更改计算属性后select选中值不更改的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。