Vue.js Vue选择组件w/计算模型不'；t在特定条件下显示正确的值

我遇到了一个计算属性问题，我不确定它应该如何工作。问题是：

问题是，当当前选择的值是默认值并且我选择了

--reset--

选项时，我希望computed属性将该值正确地重置为默认值。取而代之的是，在选择框上，它保持在

--reset--

上

现在，如果选择另一个选项，则它不再是默认值。然后选择

--reset--

选项，它将改变值，并将选择框视觉上恢复为默认值

在这个实例中应该如何设置这个值

我通过在当前值为默认值时隐藏选项来解决这个问题。我仍然想弄清楚是否有一种方法可以完全在计算值内完成

---

解决方法FIDLE

计算机属性valueComp基于数据的值，默认值为null，当您选择--reset--，再次将值重置为null时，如果值未更改，则计算机属性valueComp集将不起作用，因此dom不会重新渲染，因此您必须找到更改该值的方法，这是一个例子

set:函数（值）{
console.log（值）
如果（值=='--reset--'）{
这个值=“”；
}else if（值==''）{
this.value=null；
}否则{
这个值=值；
}
}

如何使用不同的“型号”。记住这一点，我无法复制这一点。对于我来说，它返回到

--筛选值--

。