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

相关推荐
kogorou0105-bit几秒前
前端设计模式:发布订阅与依赖倒置的解耦之道
前端·设计模式·面试·状态模式
止观止17 分钟前
像三元表达式一样写类型?深入理解 TS 条件类型与 `infer` 推断
前端·typescript
雪芽蓝域zzs32 分钟前
uniapp 省市区三级联动
前端·javascript·uni-app
Highcharts.js33 分钟前
Next.js 集成 Highcharts 官网文档说明(2025 新版)
开发语言·前端·javascript·react.js·开发文档·next.js·highcharts
总爱写点小BUG35 分钟前
探索 vu-icons:一款轻量级、跨平台的 Vue3 & UniApp SVG 图标库
前端·前端框架·组件库
晚霞的不甘1 小时前
Flutter for OpenHarmony手势涂鸦画板开发详解
前端·学习·flutter·前端框架·交互
We་ct1 小时前
LeetCode 73. 矩阵置零:原地算法实现与优化解析
前端·算法·leetcode·矩阵·typescript
晚霞的不甘1 小时前
Flutter for OpenHarmony 实现动态天气与空气质量仪表盘:从 UI 到动画的完整解析
前端·flutter·ui·前端框架·交互
~小仙女~1 小时前
组件的二次封装
前端·javascript·vue.js
这是个栗子1 小时前
AI辅助编程(一) - ChatGPT
前端·vue.js·人工智能·chatgpt