的Vue 2.0.3设置选项值不工作：价值=“x”或V-绑定：值=“X”

https://jsfiddle.net/53jprgse/的Vue 2.0.3设置选项值不工作：价值=“x”或V-绑定：值=“X”

我没能得到使用Vue公司2.0组动态选择选项属性值.3和:value或v-bind:value绑定。我使用这些选项时没有设置选项值。

我必须添加静态html value=""或value="some value"属性获得期权价值属性，以使他们的动态值。

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

这可以通过检查上面小提琴上的选择元素来说明。

有人能告诉我我在这里错过了什么吗？似乎这应该是非常简单的。

来源

2016-11-10 magenta placenta

不知道是什么问题。选定的县总是显示旁边选择，所以有什么不对？ –

我没有得到在前两个选择中设置的选项值属性。检查选择元素，最上面的两个没有<选项值=“县名”>选项值。检查底部的两个选择元素（黄色突出显示），这两个选择具有<选项值=“县名”>选项值。 –

如果您希望DOM实际上具有由v-bind设置的value属性，您必须实际添加value属性（与它所说的无关）。

所以，在你的第一个2选择你基本上有这样的：

<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="">

来源

2016-11-11 01:13:36 tam5

的Vue 2.0.3设置选项值不工作：价值=“x”或V-绑定：值=“X”

回答

相关问题