vue3如何用Descriptions描述列表动态的展示数组里的数据?
如题,下拉框每次选择不同的选项后,对应要展示的信息数组里面可能是一个对象,可能是两个对象。
那么,怎么用descriptions动态的生成对应的块数来展示数据呢,
回复
1个回答

test
2024-07-16
给 Descriptions
组件做 v-for
循环就好了。类似于
<template>
<div class="container">
<a-descriptions v-for="item in optionList" :key="item.id" :title="'User Info: '+item.userName">
<a-descriptions-item label="UserName">{{item.userName}}</a-descriptions-item>
<a-descriptions-item label="Telephone">{{item.telephone}}</a-descriptions-item>
<a-descriptions-item label="Remark">{{item.remark}}</a-descriptions-item>
</a-descriptions>
</div>
</template>
这个 optionList
就是你选择之后的需要展示的结果。
如果说你要在一个 Descriptions
组件中去展示。那么把 v-for
所在的位置从 <a-descriptions>
中变更到 内部的 <template>
上就可以了,这个 template
包裹的就是你的 <a-descriptions-item>
元素。
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容