Element Plus el-form Inline 样式设置:如何使单个表单项不使用 Inline 样式
在 Element Plus 组件中,el-form 的 inline 样式可以让表单项横向排列。如果您想要其中一个表单项不使用 inline 样式,可以在该表单项上设置 inline 属性为 false。
例如:
<el-form :inline='true'>
<el-form-item label='姓名' inline>
<el-input placeholder='请输入姓名'></el-input>
</el-form-item>
<el-form-item label='年龄' inline>
<el-input placeholder='请输入年龄'></el-input>
</el-form-item>
<el-form-item label='邮箱' :inline='false'>
<el-input placeholder='请输入邮箱'></el-input>
</el-form-item>
</el-form>
在上述代码中,前两个表单项都使用了 inline 样式,最后一个表单项通过设置 :inline='false' 来禁用 inline 样式。
原文地址: https://www.cveoy.top/t/topic/qjzU 著作权归作者所有。请勿转载和采集!