Element UI el-select 设置默认选项
<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>
<p>在上面的示例中,我们将默认选项的值设置为'default',并将其绑定到 el-select 的 v-model 属性。这样,当页面加载时,默认选项将自动被选中。请根据您的实际需求调整默认选项的值。</p>
原文地址: https://www.cveoy.top/t/topic/dalt 著作权归作者所有。请勿转载和采集!