怎么使energyType默认显示operateType的值

在项目中,因为后端接口反值不同,同时又要求选择框中默认选择当前页面所选的营运类型,怎么让搜索框的energyType默认显示页面的
operateType的值

img

img

img

<el-form-item label="营运类型">
          <el-select v-model="operateType" disabled>
            <el-option label="公路客运" value="14" />
            <el-option label="公路货运" value="15" />
            <el-option label="出租客运" value="18" />
            <el-option label="公交公司" value="19" />
            <el-option label="水路客运" value="16" />
            <el-option label="水路货运" value="17" />
            <el-option label="港口企业" value="01" />
          </el-select>
        </el-form-item>

<el-form-item label="营运类型" prop="energyType">
          <el-select v-model="searchForm.energyType" multiple placeholder="请选择">
            <el-option label="公路客运" value="14" />
            <el-option label="公路货运" value="15" />
            <el-option label="出租客运" value="18" />
            <el-option label="公交公司" value="19" />
            <el-option label="水路客运" value="16" />
            <el-option label="港口企业" value="01" />
          </el-select>
        </el-form-item>

created() {
    this.operateType = this.getType
    this.searchForm.period = this.getPeriod ? this.getPeriod.toString() : null
    this.searchForm.year = this.getYear ? this.getYear.toString() : null
    this.period = this.getPeriod ? this.getPeriod.toString() : null
    this.year = this.getYear ? this.getYear.toString() : null
    this.getTableData()
  },

怎么让这两个值默认显示呢?

把operateType的值赋给energyType
this.searchForm.energyType = this.operateType

把energyType 的v-model值 = operateType不就好了

首先选择的值写死不太好,可以直接把数据赋值给如下代码,value就是你绑的值

<el-select v-model="value" placeholder="请选择">