我认为有以下代码:
<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>
我填充了artist_ids
带有调用方法的变量ready()
.
但当我查看结果页面时,我在艺术家下拉列表中看不到任何选择。artist_ids
可以确认已正确填充,并且当我在控制台中将另一个 id 推送到它时,Vue 确实会接受它并选择它应该选择的所有艺术家。
我究竟做错了什么?我怎样才能得到v-model="artist_ids"
在页面加载之前从下拉列表中进行适当的选择?
您可以使用内置的options
属性来呈现选项,而不是循环列表v-repeat
。只需确保您的数据格式正确即可。
Example:
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>
这是一个 codepen,它也显示了使用 v-repeat 代替:http://codepen.io/anon/pen/LpZBom
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)