Element表单自适应（输入框、下拉、级联、日期选择器）

weixin_30505751

于 2019-06-10 14:51:00 发布

阅读量6.2k

点赞数 1

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/adbg/p/10997623.html

版权

本文介绍如何在Element UI中实现输入框、下拉框、级联选择器和日期选择器的宽度一致并自适应，确保表单布局整洁美观。内容包括对Element UI组件的样式调整和响应式设计。

摘要由CSDN通过智能技术生成

基于Element的输入框、下拉、级联、日期选择器宽度一致，自适应

<template>
  <div class="test">
    <el-form ref="form" :model="form" label-width="90px">
      <el-row>
        <!-- 输入框 -->
          <el-col :span="6">
            <el-form-item label="输入框">
              <el-input placeholder="请输入内容"></el-input>
            </el-form-item>
          </el-col>
        <!-- 下拉 -->
        <el-col :span="6">
          <el-form-item