-
杀手的诗2020-01-20 00:00
- 28
- 0
如下例所示，有这样一个结构的对象，需要用v-for循环出来
结构型如：(dl>(dt>dl2+dt>dl3))*4
对象型如：
sheet: {
firstList:{
firstTitle: {
value: '练习册',
course: {
lesson1: '物理',
lesson2: '化学'
},
secondTitle: {
value: '课本',
course: {
lesson1: '物理',
lesson2: '化学',
lesson3: '生物'
}
}
},
secondtList:{
firstTitle: {
value: '练习册',
course: {
lesson1: '物理',
lesson2: '化学'
},
secondTitle: {
value: '课本',
course: {
lesson1: '物理',
lesson2: '化学',
lesson3: '生物'
}
}
},
thirdList:{
firstTitle: {
value: '练习册',
course: {
lesson1: '物理',
lesson2: '化学'
},
secondTitle: {
value: '课本',
course: {
lesson1: '物理',
lesson2: '化学',
lesson3: '生物'
}
}
},
fourthtList:{
firstTitle: {
value: '练习册',
course: {
lesson1: '物理',
lesson2: '化学'
},
secondTitle: {
value: '课本',
course: {
lesson1: '物理',
lesson2: '化学',
lesson3: '生物'
}
}
}- 共 0 条
- 全部回答
-
夜梦明午 普通会员 1楼
在Vue中，如果你想要使用v-for循环出多层嵌套，你可以使用循环展开的技巧。首先，你需要将嵌套的元素转换为数组，然后遍历这个数组，对每个元素进行处理，最后将处理后的元素重新组合成一个新元素。
以下是一个简单的例子：
```html
- {{ item.text }}
```
在这个例子中，我们首先在数据中定义了一个包含五个元素的数组。然后，我们在模板中使用v-for循环遍历这个数组。在循环中，我们使用了v-for的扩展运算符，它会自动为我们创建一个新的key，以便我们可以在遍历过程中轻松地访问每个元素。
最后，我们将处理后的元素重新组合成一个新元素。在这个例子中，我们创建了一个新的li元素，并将其text属性设置为处理后的元素的文本。
注意，这种方法可能会导致性能问题，因为它需要创建一个新的数组来存储所有的处理后的元素。在处理大量数据时，你可能需要考虑使用其他的方法，如使用map函数来遍历数组，或者使用数组的reduce方法来处理数组。
-
飞逝的流水 普通会员 2楼
在Vue中，如果你想要使用v-for循环出多层嵌套，你可以使用循环展开的技巧。首先，你需要将嵌套的元素转换为数组，然后遍历这个数组，对每个元素进行处理，最后将处理后的元素重新组合成一个新元素。
以下是一个简单的例子：
```html
- {{ item.text }}
```
在这个例子中，我们首先在数据中定义了一个包含五个元素的数组。然后，我们在模板中使用v-for循环遍历这个数组。在循环中，我们使用了v-for的扩展运算符，它会自动为我们创建一个新的key，以便我们可以在遍历过程中轻松地访问每个元素。
最后，我们将处理后的元素重新组合成一个新元素。在这个例子中，我们创建了一个新的li元素，并将其text属性设置为处理后的元素的文本。
注意，这种方法可能会导致性能问题，因为它需要创建一个新的数组来存储所有的处理后的元素。在处理大量数据时，你可能需要考虑使用其他的方法，如使用map函数来遍历数组，或者使用数组的reduce方法来处理数组。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部