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

在Vue.js中，计算属性是基于它们的响应式依赖进行缓存的。只有在相关依赖发生改变时，计算属性才会被重新计算。如果你遇到了更改计算属性后select选中值不更改的问题，可能是因为以下几种情况：

1. 计算属性的依赖实际上没有改变。尽管看起来好像值应该改变，但是计算属性的依赖并没有发生变化，导致Vue没有触发重新计算。
2. select绑定的值没有正确更新。可能计算属性返回了一个新值，但是没有正确地更新到视图中。确保你正确地绑定了select的值到计算属性上。
3. 在触发计算属性之前，视图已经被更新。如果你在数据改变后立即修改计算属性，计算属性可能会使用旧的数据。

解决这类问题通常需要检查数据变化和计算属性依赖是否正确设置，以及确保视图正确响应了计算属性的变化。以下是一些可能的解决方案：

- 确保计算属性所依赖的数据确实发生了变化，可以使用Vue的开发者工具来检查依赖是否更新。
- 使用方法（methods）代替计算属性（computed），因为方法在每次渲染时都会执行，而不会进行缓存。
- 使用watch来监听数据变化，并手动更新select元素的值。

示例代码可能如下：

computed: {
  selectedValue: function() {
    // 根据某些条件返回值
    return this.someCondition ? 'value1' : 'value2';
  }
},
watch: {
  'someCondition': function(newValue) {
    // 当someCondition改变时，手动设置select的值
    this.$refs.selectElement.value = newValue ? 'value1' : 'value2';
  }
}

在这个例子中，我们监听了`someCondition`的变化，当它改变时，我们手动更新了select元素的值。