<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>
Element UI el-select 设置默认选项

原文地址: https://www.cveoy.top/t/topic/dalt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录