el-select 默认选中值

前端小菜鸟也有人起

于 2024-08-13 14:10:55 发布

阅读量349

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_63730900/article/details/141162531

版权

    <el-select class="m-2" @change="handleLayoutChange" style="width: 100px;" v-model="selected">
              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
          </div>

用v-model

const selected = ref('16V44')
const options = [
  {
    value: '4V22',
    label: '2x2',
  },
  {
    value: '9V33',
    label: '3x3',
  },
  {
    value: '12V34',
    label: '3x4',
  },
  {
    value: '12V43',
    label: '4x3',
  },
  {
    value: '16V44',
    label: '4x4',
  },
  {
    value: '25V55',
    label: '5x5',
  },
  {
    value: '36V66',
    label: '6x6',
  },
]

效果图