I want to bind a custom attribute to an option select menu.
The <option>
tag would simply have an attribute of selected="selected"
<template>
<div>
<select>
<option v-for="" v-bind:selected="[condition ? selected : notSelected]" value="">{{ resource.xprm_name }}</option>
</select>
</div>
</template>
data: {
selected: "selected",
notSelected: ""
}
This does not work, but if I change v-bind:selected
to v-bind:class
then it receives the appropriate class, so the logic is working, but not with the selected
attribute.
有什么办法可以使其与此类自定义属性一起使用?
最佳答案
You can just use v-model
for selecting a default value on a select box:
标记:
<div id="app">
<select v-model="selected">
<option value="foo">foo</option>
<option value="bar">Bar</option>
<option value="baz">Baz</option>
</select>
</div>
查看模型:
new Vue({
el: "#app",
data: {
selected: 'bar'
}
});
这是JSFiddle:https://jsfiddle.net/Lxfxyqmf/