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

原创

已于 2024-07-06 15:55:52 修改 · 603 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #前端框架 #ruoyi

于 2024-07-05 22:04:33 首次发布

生成代码修改前

<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"