el-select 默认选中值

<template>
  <div>
    <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="项目状态:" prop="status">
        <el-select :disabled="isRead" v-model="form.status" class="mySelect" popper-class="wentipingSelectPopper" placeholder="请选择项目状态"
        style="width: 169px;margin-right:20px;">
        <el-option  v-for="item in statusList" :key="item.value" :value="item.value" :label="item.label"></el-option>
      </el-select>
    </el-form-item>
    </el-form>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        code: 0,
        form: {
          status: ''
        },
        isRead: true,
        statusList: [
          {
            value: '0',
            label: '未完成'
          },
          {
            value: '1',
            label: '已完成'
          },
        ],
      }
    },
    created () {
      this.form.status = this.statusList[0].value;
    },
  }
</script>

<style  scoped>

</style>

效果图:

element-ui 解决 el-select 设置初始默认值后切换选项无效问题_sea9528的博客-CSDN博客_el-select设置默认值


版权声明:本文为qq_37550440原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。