el-options设置默认选项
要设置el-options的默认选项,您可以使用el-select的v-model属性来绑定默认选项的值。例如:
<template>
<el-select v-model="selectedOption" placeholder="请选择">
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedOption: 'default', // 默认选项的值
options: [
{ value: 'default', label: '默认选项' },
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
]
};
}
};
</script>
在上面的示例中,我们将默认选项的值设置为'default',并将其绑定到el-select的v-model属性。这样,当页面加载时,默认选项将自动被选中。请根据您的实际需求调整默认选项的值。
原文地址: https://www.cveoy.top/t/topic/jf5D 著作权归作者所有。请勿转载和采集!