在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像素时会自动换行显示

VUE Element el-form-item自动换行

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

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