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 Java
Element-UI中Select选择器讲解(el-select详解)
案例详解Element-UI中Select选择器讲解,手把手教学!
1132 0
Element-UI中Select选择器讲解(el-select详解)
el-input el-select调整字体及内边距
1. 背景 el-input输入框默认提供的字体较小,且内边距较大。 这是为了提供统一的样式和好看的外观。 在某些情况下,我们希望使用较大的字体,且让输入框的内边距小一些以便容纳更多东西。
2655 0
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
2053 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
编解码 前端开发
Element el-row el-col 布局组件详解
本文目录 1. 背景 2. 分栏布局 3. 分栏间隔 4. 分栏偏移 4. 对齐方式 5. 响应式布局 6. 小结
6182 0
Element el-row el-col 布局组件详解
|
6月前
|
前端开发
el-form-item label中的字体样式设置格式
这篇文章介绍了如何在Element UI的`el-form-item`组件中自定义`label`标签的样式,通过使用`slot`属性和内联CSS来改变字体颜色和加粗显示。
el-form-item label中的字体样式设置格式
|
9月前
input type="button"和button的区别
input type="button"和button的区别
不使用el-form仅仅单独给el-input设置表单校验
不使用el-form仅仅单独给el-input设置表单校验
517 0
element-ui的el-table与el-form的使用与表单校验
element-ui的el-table与el-form的使用与表单校验
element-ui的el-table与el-form的使用与表单校验