vue下拉框默认值设置
时间: 2023-08-31 17:12:23 浏览: 138
vue 实现单选框设置默认选中值
在Vue中,可以通过v-model指令来绑定下拉框的值,并通过设置data中的默认值来设置下拉框的默认选择项。
例如,假设有一个下拉框如下:
```
<select v-model="selectedOption">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
```
则可以在Vue实例的data中设置selectedOption的默认值,如下:
```
new Vue({
el: '#app',
data: {
selectedOption: 'option2' // 默认选中第二个选项
}
});
```
这样,页面加载时就会默认选中第二个选项。
阅读全文