element中select下拉框如何实现宽度自适应

简单暴力:

element 和 elementPlus 都可以直接在el-select上添加 style="width: 100%" 解决

<el-select style="width: 100%" v-model="cats" multiple filterable placeholder="请选择分类">
.
.
.
</el-select>

OK,这样就又父级元素所在宽度决定了,父级宽度可自定义(一般不用)。

如果使用的是 element 添加 style="display: block" 也可以,原因是 element 是 float,elementPlus 是 flex

相关推荐
bin915319 分钟前
DeepSeek 助力 Vue3 开发:打造丝滑的分页(Pagination)
前端·javascript·vue.js·ecmascript·deepseek
前端切图仔00119 分钟前
UniApp+Vue3实现高性能无限滚动卡片组件:垂直滑动、触摸拖拽与动态导航的完美结合
前端·javascript·vue.js·前端框架·uni-app
小钟H呀1 小时前
Vue3 Hooks:从原理到实战封装指南
前端·javascript·vue.js
三月七(爱看动漫的程序员)1 小时前
Prompt Engineering for Large Language Models
前端·javascript·人工智能·语言模型·自然语言处理·pdf·prompt
我爱学习_zwj1 小时前
1. HTTP 数据请求
前端
pink大呲花1 小时前
ES6笔记总结
前端·笔记·es6
我的div丢了肿么办2 小时前
试试使用 Vitest 进行测试,确实可以减少bug
前端·vue.js·vite
LaughingZhu2 小时前
PH热榜 | 2025-02-28
前端·人工智能·经验分享·搜索引擎·产品运营
Ink2 小时前
从源码角度看 React 的批量更新
前端·javascript
IT、木易2 小时前
防流、节抖、重绘、回流原理,以及实现方法和区别
前端·性能优化