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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM