[英]v-model and select multiple
我认为以下代码:
<div class="item_editor_line">
<label>Artist(s): </label>
<select multiple
name="artists[]"
v-model="artist_ids"
id="artists">
<option v-repeat="artists"
value="@{{ id }}">
@{{ name }}
</option>
</select>
</div>
然后使用在ready()
调用的方法填充artist_ids
变量。
但是,当我查看结果页面时,在艺术家下拉列表中没有任何选择。 artist_ids
可以确认artist_ids
已正确填充,当我在控制台中向其推送另一个ID时,Vue会对此进行选择,并选择所有应该的艺术家。
我究竟做错了什么? 如何在页面加载之前让v-model="artist_ids"
从下拉菜单中进行适当选择?
您可以使用内置的options
属性来呈现选项,而不是使用v-repeat
循环列表。 只要确保您的数据格式正确即可。
例:
data: {
selected_artists: [ 5678 ],
artists: [
{ text: 'Some Artist', value: 1234 },
{ text: 'Another Artist', value: 5678 }
]
}
然后,您可以使用内置的选项呈现:
<select multiple name="artists[]" v-model="selected_artists" options="artists"></select>
这是一个代码笔,也显示了使用v-repeat: http ://codepen.io/anon/pen/LpZBom
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.