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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章