在Vue.js中，为什么我的选择没有选择默认选项？

Question

我的代码如下：

https://jsfiddle.net/urjg6fop/

我希望最初显示“选择值”，但显示空白。

我的值为""，我的模型为tracker[city]，并且将tracker[city]的所有值初始化为""，所以我希望{{1 }}来显示，但它是空白。

我在做什么错了？

Answer 1

Vue cannot detect dynamic property addition or deletion，这就是您在mounted()中所做的事情：

this.tracker[city] = ""; // dynamically adding `city` keys to `tracker` object (DON'T DO THIS)

您必须改用Vue.set或this.$set：

this.$set(this.tracker, city, "")

demo