vue下拉框默认值设置
时间: 2023-05-17 16:04:09 浏览: 131
顶部下拉框输入框组件封装
可以通过在Vue组件中使用v-model指令来设置下拉框的默认值。例如:
```
<template>
<div>
<select v-model="selected">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
</div>
</template>
<script>
export default {
data() {
return {
selected: 'option2' // 设置默认值为Option 2
}
}
}
</script>
```
在上面的代码中,我们使用v-model指令将下拉框的值绑定到组件的selected属性上,并将其默认值设置为'option2'。
阅读全文