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

admin2024-07-05  17

生成代码修改前

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

问题展示

上面的代码运行后会出现如下问题:

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

可以发现下拉框仅显示箭头。

生成代码修改后

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

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

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

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

这到底是她的问题,还是我的问题?

是若依版本的问题?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!