我想将自定义属性绑定到选项选择菜单。该<option>标签只会有一个属性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: ""
}
这是行不通的，但是如果我更改v-bind:selected为，v-bind:class它将收到适当的类，因此逻辑在起作用，但不适用于selected属性。
有什么办法可以使其与此类自定义属性一起使用？
您可以仅v-model用于在选择框上选择默认值：
标记：
<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/
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句