gogoWebsite

Vue uses element-ui to display two input boxes

Updated to 2 days ago

el-col accounts for 24 pieces in a row, so two input boxes are displayed in a row: span="12"

<el-row>
             <el-col :span="12">
               <el-form-item label="serial number" prop="id">
                 <el-input v-model="" placeholder="serial number" >/el-input>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="name" prop="name">
                 <el-input v-model="" placeholder="name" ></el-input>
               </el-form-item>
             </el-col>
           </el-row>

Notes:I accidentally missed el-row, causing the input box to fail to enter normally. (If you do not write v-model to bind data, it will also cause el-input to fail to enter normally)