若依 Vue 前端分离 3.8.8 版中生成的前端代码中关于下拉框只有下拉箭头的问题

生成代码修改前

<el-form-item label="课程学科" prop="subject"><el-select v-model="queryParams.subject" placeholder="请选择课程学科" clearable><el-optionv-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-selectv-model="queryParams.subject"placeholder="请选择课程学科"clearablestyle="width: 196.4px"><el-optionv-for="dict in course_subject":key="dict.value":label="dict.label":value="dict.value"/></el-select></el-form-item>

问题解决

只要自定义下拉框的宽即可解决问题：

style="width: 自定义px"

运行后可以发现问题解决：

为什么代码生成时没有自动加上，反而要自己手动加上？

这到底是她的问题，还是我的问题？

是若依版本的问题？