el-form-item 内的 el-select如何自适应宽度

简介: el-form-item 内的 el-select如何自适应宽度

el-select中设置固定的值如 style=”width:100px”才有作用。

<el-form-item>
        <el-select v-model="DataQuery.data" clearable placeholder="请选择" style="width:180px">
          <el-option label="实时数据" value="1"/>
          <el-option label="1小时数据" value="2"/>
          <el-option label="2小时数据" value="3"/>
          <el-option label="6小时数据" value="4"/>
          <el-option label="12小时数据" value="5"/>
          <el-option label="24小时数据" value="6"/>
        </el-select>
      </el-form-item>


这样才有作用

相关文章
|
小程序 前端开发
阻止小程序事件冒泡的三种方法
阻止小程序事件冒泡的三种方法
1949 0
|
UED
element el-cascader动态加载数据 (多级联动,落地方案)
最近需要用到element ui的这个插件做地区的四级联动,但是碰了一些问题: 官网的说明太泛泛然,不易看懂 网上的教程乱七八糟,代码一堆一堆的 看这篇就对了!!!
2889 0
element el-cascader动态加载数据 (多级联动,落地方案)
|
JavaScript 前端开发
el-upload上传文件
el-upload上传文件
1639 0
Element el-select 选择器(下拉框)详解
本文目录 1. 用途 2. 数据绑定 2.1 固定选项 2.2 选项绑定数组 3. 功能效果 3.1 可清空选项 3.2 多选 3.3 可搜索 4. 事件响应 5. 小结
8053 0
Element el-select 选择器(下拉框)详解
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
10892 46
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
Web App开发 前端开发 JavaScript
Element UI框架中自定义input组件的placeholder样式。
确保这些样式在你的应用程序CSS文件中定义,且该文件已正确加载到项目中。通过以上方法,可以控制Element UI组件中input的placeholder样式,使其满足特定的设计要求。这些更改都是基于CSS伪元素进行的,因此并不会对DOM结构产生改变,保持了原有结构的简洁和高效。
979 12
|
移动开发 JavaScript HTML5
el-input限制输入整数等分析
本文介绍了在Vue中限制el-input只能输入整数的几种方式,包括设置type为number,使用inputmode属性,自定义指令,计算属性,使用onafterpaste和onkeyup事件以及使用el-input-number的precision属性。每种方式都有其优缺点,可以根据实际需求选择合适的方式。比较建议用自定义指令的方式来实现。
4011 0
el-input限制输入整数等分析
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
3343 0
|
编解码 JavaScript
【vue2】vue2 适配pc端,解决浏览器缩放问题,解决电脑显示设置缩放、分辨率问题
【vue2】vue2 适配pc端,解决浏览器缩放问题,解决电脑显示设置缩放、分辨率问题
2292 1
|
JavaScript API
vue3父子组件相互调用方法详解
vue3父子组件相互调用方法详解
10196 10