el-upload强制换行
时间: 2023-09-29 19:04:14 浏览: 192
elemetUi 组件--el-upload实现上传Excel文件的实例
5星 · 资源好评率100%
要在el-upload组件中实现强制换行,可以使用以下方法:
1. 在el-upload组件的父元素上设置CSS样式,例如将其包裹在一个div标签中,并为该div标签设置"white-space: pre-line;"样式。这将使el-upload组件的内容在遇到换行符时进行换行。
```html
<div style="white-space: pre-line;">
<el-upload ...></el-upload>
</div>
```
2. 如果您正在使用el-form组件,并且el-upload是el-form-item的子组件,可以将el-form-item的prop属性设置为一个数组,每个元素对应el-upload的每一行内容。这将使每个el-upload组件独占一行。
```html
<el-form>
<el-form-item prop="[fileList">
<el-upload ...></el-upload>
</el-form-item>
<el-form-item prop="[show-file-list">
<el-upload ...></el-upload>
</el-form-item>
</el-form>
```
通过这些方法,您可以在el-upload组件中实现强制换行。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Element ui 组件库 使用技巧。](https://blog.csdn.net/i_Satan/article/details/124333811)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文