问题描述:
正常情况:
当我选择其中一个下拉框,并选择一个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的版本,先感谢各位大佬指点了。