
vue 中实现数组数据竖向显示
当遇到需要将数组数据竖向显示的情况时,可以使用适当的手段对数据进行处理和遍历。
举个具体的例子,为了将以下数组数据竖向显示:
arr = [
[{price: 26, item_name: '测试1'},{price: 269, item_name: '测试1'},{price: 546, item_name: '测试1'}],
[{price: 75, item_name: '测试2'},{price: 360, item_name: '测试2'},{price: 648, item_name: '测试2'},{price: 914, item_name: '测试2'}],
[{price: 142, item_name: '测试3'},{price: 456, item_name: '测试3'},{price: 685, item_name: '测试3'}]
]可以使用 vue sfc(单文件组件)来实现:
立即学习“前端免费学习笔记(深入)”;
{{ j.item_name }}
在这段代码中,我们创建了一个 vue 组件,使用 v-for 遍历了数组中的每个元素 (i) 和每个元素中的对象 (j),并在显示 j.item_name。j 被渲染在 j 类名的
通过使用适当的样式(例如 flexbox),可以将 .i 元素排列成竖向显示。










