生成代码修改前
<el-form-item label="课程学科" prop="subject">
<el-select v-model="queryParams.subject" placeholder="请选择课程学科" clearable>
<el-option
v-for="dict in course_subject"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
问题展示
上面的代码运行后会出现如下问题:
可以发现下拉框仅显示箭头。
生成代码修改后
<el-form-item label="课程学科" prop="subject">
<el-select
v-model="queryParams.subject"
placeholder="请选择课程学科"
clearable
style="width: 196.4px"
>
<el-option
v-for="dict in course_subject"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
问题解决
只要自定义下拉框的宽即可解决问题:
style="width: 自定义px"
运行后可以发现问题解决:
为什么代码生成时没有自动加上,反而要自己手动加上?
这到底是她的问题,还是我的问题?
是若依版本的问题?