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值）。
前往低代码交流专区
更多推荐
2
0- 0
已为社区贡献6条内容
所有评论(0)