嵌套循环我在样品具有结构像下面与局部变量
new Vue({
el: '#app',
data: {
tasks: ['task1', 'task2', 'task3'],
actions: {
'task1': {
name: 'dig',
time: '20min'
},
'task2': {
name: 'run',
time: '1h'
},
'task3': {
name: 'drinking',
time: 'all night'
}
}
},
template: `
<ul>
<li v-for="task in tasks">
{{ actions[task].name }} will take {{ actions[task].time }}
</li>
</ul>
`
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script>
<div id='app'></div>
,我想移动actions[task]
一些局部变量的女巫将只在循环可见。我试着将它移动到data
对象蒲式耳当有数组多个对象的Vue抛出You may have an infinite update loop
错误
[编辑]
下面模板的原始部分
<tr v-for="issue in issues" :key="issue.id">
<td>
<div>{{ issue.jiraKey }}</div>
<div class="issue-description">
[ {{ issue.summary }} ]
</div>
</td>
<template v-for="variant in variants">
<td v-for="browser in issue.devices[variant.key].browsers">
<!--
logic with `browser` and `issue.devices[variant.key]`
-->
</td>
</template>
</tr>
我知道,但在我的情况下,存储的价值将来自'issue.devices [variant.key]'和'问题'是AJAX的结果 – Alcadur
@Alcadur目前还不清楚你想要什么。您在此处的评论中使用的术语在您的问题的任何地方都没有使用。什么是'variant.key'? “问题”异步填充有什么关系? – Bert
请认真阅读已添加的编辑部分 – Alcadur