vue 使用 el-descriptions 一行三个重复多行 溢出滚动
时间: 2024-01-13 18:23:53 浏览: 189
可以尝试以下做法:
1. 将 el-descriptions 包裹在一个 div 容器中,并设置该容器的高度和 overflow 属性为 auto。
2. 设置 el-descriptions 的每一列的宽度为 33.33%,这样每行就会显示三列。
3. 如果 el-descriptions 中的内容溢出,就会自动出现滚动条。
以下是示例代码:
```html
<div style="height: 200px; overflow: auto;">
<el-descriptions :items="items" :bordered="true" size="small">
<!-- 设置每列的宽度为 33.33% -->
<el-descriptions-item v-for="item in items" :key="item.label" :label="item.label" :span="8">{{ item.value }}</el-descriptions-item>
</el-descriptions>
</div>
```
注意:这里的 items 是 el-descriptions 的数据源,需要在 Vue 实例中定义。
阅读全文