el-form-item的label换行
时间: 2023-12-14 21:01:59 浏览: 176
Vue中el-form标签中的自定义el-select下拉框标签功能
要在 `el-form-item` 的 `label` 标签中实现换行,你可以使用 HTML 的 `<br>` 标签来插入换行符。示例如下:
```html
<template>
<el-form :model="formData" label-width="100px">
<el-form-item label="这是一个<br>换行的label">
<el-input v-model="formData.inputValue"></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
formData: {
inputValue: ''
}
};
}
};
</script>
```
在 `label` 属性中,你可以使用 `<br>` 标签来在需要换行的位置插入换行符。这样,`label` 就会在指定位置进行换行显示。
阅读全文