求助:大家有遇到elementui这样的el-select下拉框bug吗?

237 阅读1分钟

问题描述:

正常情况:

当我选择其中一个下拉框,并选择一个option后,下方会出现空白:

部分代码:

<el-form
    ref="form"
    :model="form"
    :rules="rules"
    label-position="top"
    label-width="80px"
    v-loading="loading"
  >
    <el-row :gutter="20">
      <el-col :xs="24" :sm="12" :md="8">
        <el-form-item label="科研项目名称" prop="projectName">
          <el-input
            v-model="form.projectName"
            v-trim
            placeholder="请输入科研项目名称"
          />
        </el-form-item>
      </el-col>
      <el-col :xs="24" :sm="12" :md="8">
        <el-form-item label="预期成果形式" prop="resultType">
          <el-select
            v-model="form.resultType"
            placeholder="请选择预期成果形式"
            style="width: 100%"
          >
            <el-option
              v-for="dict in dict.type.skxm_yqcg"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :xs="24" :sm="12" :md="8">
        <el-form-item label="科研项目主题" prop="projectSubject">
          <el-input
            v-model="form.projectSubject"
            placeholder="请输入科研项目主题"
            v-trim
          />
        </el-form-item>
      </el-col>
      <el-col :xs="24" :sm="12" :md="8">
        <el-form-item label="立项日期" prop="zhLixiangDate">
          <el-date-picker
            clearable
            v-model="form.zhLixiangDate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择立项日期"
            style="width: 100%"
          >
          </el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :xs="24" :sm="12" :md="8">
        <el-form-item label="项目立项经费" prop="projectMoney">
          <el-input
            v-model="form.projectMoney"
            placeholder="请输入项目立项经费"
            v-trim
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item style="text-align: center">
          <el-button type="primary" @click="submitForm">提 交</el-button>
          <el-button @click="cancel">取消</el-button>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>

vue是2.x的版本,先感谢各位大佬指点了。