Question

https://jsfiddle.net/53jprgse/

我无法使用Vue 2.0.3和 :value 或 v-bind:value 绑定设置动态选择选项值属性。使用这些选项时没有设置选项值。

我必须添加静态html value="" 或 value="some value" 属性才能获取选项值属性以呈现其动态值。

我的数据集是一个简单的字符串数组。

通过检查上面小提琴中的选择元素来说明这一点。

有人能告诉我我在这里失踪了吗？看起来这应该是非常直接的。

Answer 1

如果您希望DOM实际上具有由value设置的v-bind属性，则必须实际添加value属性（并不重要）。< / p>

所以，在你的前两个选择中你基本上有这个：

<div>
  <p>
    :value="county"
  </p>
  <select v-model="filterByCounty">
    <option value="">Filter by county...</option>
    <option v-for="county in counties" :value="county">
      {{ county }}
    </option>
  </select>
  {{ selected_county }}
</div>

如果您只是向value添加<option>，则可以按照以下方式运行：

<option v-for="county in counties" :value="county" value="">

Vue 2.0.3设置选项值无法使用：value =＆＃34; x＆＃34;或者v-bind：value =＆＃34; x＆＃34;

1 个答案: