关于selected双向绑定
来源：2-14 表单控件绑定
慕前端7432760
2019-07-17 09:56:55
<div id="example-5">
<select v-model="selected">
<option disabled value="">请选择</option>
<option value="">A</option>
<option>B</option>
<option>C</option>
</select>
<span>Selected:{{selected}}</span>
<!-- 选择A时,赋值为A,选择B时,赋值为B -->
</div>
这段代码当我option上加了value属性后，选择后A的值就不会赋值给selected，这是为什么？
写回答
1回答
-
你好同学，如果option设置了value值，那么选中的时候，默认会把value值添加到selected中。而同学代码中，value值是空字符串，所以获取的值也是空字符串什么也没有显示。可以像如下添加默认值即可：
祝学习愉快，望采纳。
0
相似问题