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>


这样才有作用

相关文章
|
6月前
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
234 0
|
前端开发 JavaScript Java
Element-UI中Select选择器讲解(el-select详解)
案例详解Element-UI中Select选择器讲解,手把手教学!
1074 0
Element-UI中Select选择器讲解(el-select详解)
el-input el-select调整字体及内边距
1. 背景 el-input输入框默认提供的字体较小,且内边距较大。 这是为了提供统一的样式和好看的外观。 在某些情况下,我们希望使用较大的字体,且让输入框的内边距小一些以便容纳更多东西。
2524 0
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
1957 0
VUE element-ui下拉菜单el-select获取label值或value的值
Element el-select 选择器(下拉框)详解
本文目录 1. 用途 2. 数据绑定 2.1 固定选项 2.2 选项绑定数组 3. 功能效果 3.1 可清空选项 3.2 多选 3.3 可搜索 4. 事件响应 5. 小结
5958 0
Element el-select 选择器(下拉框)详解
|
编解码 前端开发
Element el-row el-col 布局组件详解
本文目录 1. 背景 2. 分栏布局 3. 分栏间隔 4. 分栏偏移 4. 对齐方式 5. 响应式布局 6. 小结
5875 0
Element el-row el-col 布局组件详解
|
2月前
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时,设置固定列(`fixed`)导致行错乱的问题,并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时,行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等,确保固定列和非固定列的行能够对齐。
268 0
|
3月前
|
前端开发
el-form-item label中的字体样式设置格式
这篇文章介绍了如何在Element UI的`el-form-item`组件中自定义`label`标签的样式,通过使用`slot`属性和内联CSS来改变字体颜色和加粗显示。
el-form-item label中的字体样式设置格式
|
12月前
|
JavaScript 前端开发
el-cascader 最后一级不显示出来
# 1、业务背景 业务需要做一个父级查询,父级查询的级联组件不显示最后一级,其他层级均显示 # 2、解决办法 ## 1、页面设计见上文 [TypeError: Cannot read properties of null (reading ‘level‘)](https://blog.csdn.net/sunshineGGB/article/details/134288426?spm=1001.2014.3001.5501) ## 2、代码实现 ```javascript // 获取父子层级列表 async parentSelected (val) { this.loading
74 0