element el-form-item表单元素放在 el-col layout布局中导致无法点击的问题

•  遇到问题

　　

• 解决问题

　　我在其他页面也有在用 el-col layout 布局，其他页面是正常的，经过对比找到的不同点是，el-row 子集下存在其他不是 el-col 的标签，也就是有的 el-form-item 没有包裹在 el-col 标签下面，如下方标识行。

我也试过是不是只要不是 el-col 标签都会出现这个问题,目前结果是，只有 el-form-item 标签才会出现这个问题，可能和 el-form-item 的样式也存在关系

　　　　<el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="单号" prop="code">
              <el-input v-model="form.code" placeholder="单号自动生成" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="类型" prop="typeCode">
              <el-select v-model="form.typeCode" filterable placeholder="请选择">
                <el-option
                  v-for="item in dict.type"
                  :key="item.id"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-form-item></el-form-item>
        </el-row>