VUE Element el-form-item自动换行
在VUE Element的el-form-item组件中,如果内容过长导致无法完全显示在一行上,可以通过设置label-width属性来控制标签的宽度,从而实现自动换行。
例如:
<el-form-item label="用户名" label-width="80px">
<el-input v-model="username"></el-input>
</el-form-item>
在上面的示例中,设置label-width为"80px",如果标签的宽度超过80像素,会自动换行显示。
另外,如果希望内容也能自动换行,可以给el-form-item组件添加一个style样式来设置宽度,当内容超过该宽度时会自动换行。
例如:
<el-form-item label="用户名" label-width="80px" style="width: 200px;">
<el-input v-model="username"></el-input>
</el-form-item>
在上面的示例中,设置el-form-item的宽度为200像素,当内容超过200像素时会自动换行显示
原文地址: https://www.cveoy.top/t/topic/hAQW 著作权归作者所有。请勿转载和采集!