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进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1926 3
|
JavaScript 前端开发
el-upload上传文件
el-upload上传文件
1575 0
Element el-select 选择器(下拉框)详解
本文目录 1. 用途 2. 数据绑定 2.1 固定选项 2.2 选项绑定数组 3. 功能效果 3.1 可清空选项 3.2 多选 3.3 可搜索 4. 事件响应 5. 小结
7897 0
Element el-select 选择器(下拉框)详解
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
10759 46
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
移动开发 JavaScript HTML5
el-input限制输入整数等分析
本文介绍了在Vue中限制el-input只能输入整数的几种方式,包括设置type为number,使用inputmode属性,自定义指令,计算属性,使用onafterpaste和onkeyup事件以及使用el-input-number的precision属性。每种方式都有其优缺点,可以根据实际需求选择合适的方式。比较建议用自定义指令的方式来实现。
3820 0
el-input限制输入整数等分析
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
3227 0
el-table复选框全部勾选以及勾选回显
el-table复选框全部勾选以及勾选回显
2046 0
ElementPlus 之 el-select 多选实现全选功能
本文介绍了在ElementPlus框架中,如何通过自定义事件处理和条件判断实现`el-select`多选控件的全选功能。
2822 1
ElementPlus 之 el-select 多选实现全选功能
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动