vue中select标签根据下拉框选项选择的不同,获取相应的值
vue中select标签根据下拉框选项选择的不同,获取相应的值(单选)。实例代码如下:<select v-model="finalValue"><optionv-for="(item,index) in arrList":value="item.value":key="index">{{item.name}}</option...
·
vue中select标签根据下拉框选项选择的不同,获取相应的值(单选)。实例代码如下:
<select v-model="finalValue">
<option
v-for="(item,index) in arrList"
:value="item.value"
:key="index"
>{{item.name}}</option>
</select>
export default {
data() {
return {
finalValue: "b", //select默认值
arrList: [
{value: "a",name:"第一个选项"},
{value: "b",name:"第二个选项"},
{value: “c”,name:"第三个选项"}
]
};
}
}
通过finalValue获取选择值的编码(即arrList中选中的value值)。
更多推荐
已为社区贡献6条内容
所有评论(0)