el-爱代码爱编程
在Element UI(一个用于Vue.js的UI框架)中,el-select
组件用于创建下拉选择菜单。如果你想设置一个默认选中的值,你可以使用v-model
绑定一个变量,并且初始化这个变量为想要默认选中的选项的值。下面是一个简单的示例:
<template>
<el-select v-model="selectedValue" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedValue: '', // 初始化这里为你想默认选中的值
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
]
};
}
};
</script>
在这个例子中,selectedValue
是你用来双向绑定el-select
选中值的变量。如果你想让“选项2”作为默认选中项,你只需在data
函数中将selectedValue
初始化为'option2'
即可。这样,当页面加载时,“选项2”就会被默认选中。