Vue 并排放置两个div的写法

 Vue的开发文档: (Layout布局模块)

https://element.eleme.cn/#/zh-CN/component/select

 样例: 使用<el-col :span="6"></el-col>

<el-row :gutter="20">
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
</el-row>

 实际使用:

        <div>
          <el-form :model="formItem" ref="formItem">
            <el-row>
              <el-col :span="6">
            <el-form-item label="请选择数据源 : ">
              <el-select  style="overflow:auto;border-right:1px solid #ccc;background-color: #ffffff;border-radius: 4px;height: 40px;width: 100px" v-model="formItem.stateList">
                <el-option v-for="item in stateList" :key="item.value" :value="item.value">{{
                  item.label }}
                </el-option>
              </el-select>
            </el-form-item>
              </el-col>
                <el-col :span="6">
            <el-form-item label="查询的表名: " label-width="100px">
              <el-input style="width: 220px"
                placeholder=""
                v-model="input"
                :disabled="true">
              </el-input>
            </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>