如何让vue更改计算属性但是不更改select的选中值

小编给大家分享一下如何让vue更改计算属性但是不更改select的选中值，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

成都创新互联公司专注于企业成都营销网站建设、网站重做改版、夏津网站定制设计、自适应品牌网站建设、H5技术、成都做商城网站、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为夏津等各大城市提供网站开发制作服务。

先上代码：

//...

  

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

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

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

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

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

看完了这篇文章，相信你对如何让vue更改计算属性但是不更改select的选中值有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！