vue中怎么设置select默认选中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中怎么设置select默认选中相关的知识,希望对你有一定的参考价值。

参考技术A <select v-model="selected" name="fruit">
<option value="">选择一个网站</option>
<option value="www.runoob.com">Runoob</option>
<option value="www.google.com">Google</option>
</select>
new Vue(
el: '#app',
data:
selected: 'www.runoob.com'

)本回答被提问者采纳

45、vue select下拉框绑定默认值

参考技术A vue select下拉框绑定默认值:

首先option要加value值,以便v-model可以获取到对应选择的值

一、当没有绑定v-model,直接给对应的option加selected属性

二、当给select绑定了v-model的值的时候,要给v-model绑定的data值里写默认值

以上是关于vue中怎么设置select默认选中的主要内容,如果未能解决你的问题,请参考以下文章

vue中select的使用以及select设置默认选中

wpf下拉框 绑定怎么让他默认有选中项

select标签如何设置默认选中的选项

select 联动中 是怎么设置默认选中的

vuejs 下拉列表怎样默认选中

vue2单元格默认显示