要让'组织机构名称'在一行显示,可以将 el-col 的 span 属性值调整为 12,同时将 el-form-item 的 label-width 属性值设置为'auto',如下所示:

<el-col :span="12">
  <el-form-item label='组织机构名称' prop='deptName' label-width='auto'>
    <el-input v-model='queryParams.deptName' placeholder='组织机构名称' clearable />
  </el-form-item>
</el-col>

通过将 el-col 的 span 属性值设置为 12,可以让该栏占据一行的一半宽度,同时将 el-form-item 的 label-width 属性值设置为'auto',可以让其自适应内容的宽度,从而让'组织机构名称'在一行显示。

Element UI 表单:如何让组织机构名称在一行显示

原文地址: https://www.cveoy.top/t/topic/lHUl 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录