解决element UI中el-select选择器比el-input输入框默认宽度小

设置el-select选择器的样式为

style="width: 100%"

直接上代码:

html 复制代码
<el-select v-model="setForm" placeholder="请选择活动区域" style="width: 100%">
  <el-option label="区域一" value="shanghai"></el-option>
  <el-option label="区域二" value="beijing"></el-option>
</el-select>
相关推荐
SuperEugene几秒前
Vue3 + Element Plus 中后台弹窗规范:开闭、传参、回调,告别弹窗地狱|Vue 组件与模板规范篇
开发语言·前端·javascript·vue.js·前端框架
孟祥_成都2 分钟前
前端下午茶:这 3 个网页特效建议收藏(送源码)
前端·javascript·css
SuperEugene3 分钟前
VXE-Table 4.x 实战规范:列配置 + 合并单元格 + 虚拟滚动,避坑卡顿 / 错乱 / 合并失效|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架·vxetable
cmd19 分钟前
别再用错!5种JS类型判断方法,从原理到实战一文吃透
前端·javascript
Irene199128 分钟前
JavaScript 事件循环(Event Loop) 的运作流程(附:queueMicrotask() 将一个回调函数立即排队到微任务队列中)
javascript·事件循环·宏任务·微任务·调用栈·queuemicrotask
倒计时的尽头是什么29 分钟前
避免渲染大量数据造成页面卡顿——虚拟滚动
vue.js
wobi_baoyan30 分钟前
【已解决】使用Maven打包发生或者启动Spring Boot项目发生 错误: 不支持发行版本 17
服务器·前端·javascript
学以智用32 分钟前
# TypeScript 高级特性(核心+实用)
前端·javascript·typescript
学以智用33 分钟前
TypeScript 核心基础:类型/变量 + 函数 + 接口
前端·javascript·typescript
SuperEugene36 分钟前
Vue3 组件解耦实战:Props/Emit/ 事件总线用法 + 避坑指南|Vue 组件与模板规范篇
前端·javascript·vue.js