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>


这样才有作用

相关文章
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1810 3
|
UED
element el-cascader动态加载数据 (多级联动,落地方案)
最近需要用到element ui的这个插件做地区的四级联动,但是碰了一些问题: 官网的说明太泛泛然,不易看懂 网上的教程乱七八糟,代码一堆一堆的 看这篇就对了!!!
2621 0
element el-cascader动态加载数据 (多级联动,落地方案)
Element el-select 选择器(下拉框)详解
本文目录 1. 用途 2. 数据绑定 2.1 固定选项 2.2 选项绑定数组 3. 功能效果 3.1 可清空选项 3.2 多选 3.3 可搜索 4. 事件响应 5. 小结
7640 0
Element el-select 选择器(下拉框)详解
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
|
8月前
|
Web App开发 前端开发 JavaScript
Element UI框架中自定义input组件的placeholder样式。
确保这些样式在你的应用程序CSS文件中定义,且该文件已正确加载到项目中。通过以上方法,可以控制Element UI组件中input的placeholder样式,使其满足特定的设计要求。这些更改都是基于CSS伪元素进行的,因此并不会对DOM结构产生改变,保持了原有结构的简洁和高效。
696 12
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
2975 0
ElementPlus 之 el-select 多选实现全选功能
本文介绍了在ElementPlus框架中,如何通过自定义事件处理和条件判断实现`el-select`多选控件的全选功能。
2500 1
ElementPlus 之 el-select 多选实现全选功能
|
JavaScript 前端开发 数据管理
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
使用Sortable.js库 实现Vue3 elementPlus 的 el-table 拖拽排序
4390 1
Element UI 表格【列宽自适应】
Element UI 表格【列宽自适应】
685 0
|
数据库
element多选框select下拉框数据回显的问题value.push is not a function
element多选框select下拉框数据回显的问题value.push is not a function
1586 1

热门文章

最新文章