-
遇到問題
-
解決問題
我在其他頁面也有在用 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>