如何在特定索引处启动 v-for
循环。
示例:给定的数组 array = [a,b,c,d,e,f];
我想使用 v-for
循环,它将从第三个元素开始循环。谢谢 :)
最佳答案
只需使用标准切片方法:
new Vue({
el: '#app',
data: {
items: [
'aaa',
'bbb',
'ccc',
'ddd',
'eee',
'fff'
]
}
})
<script src="https://unpkg.com/vue@2.4.2/dist/vue.min.js"></script>
<div id="app">
<ul>
<li v-for="item in items.slice(2)">{{ item }}</li>
</ul>
</div>
PS: 或者 v-for 和 v-if:
new Vue({
el: '#app',
data: {
items: [
'aaa',
'bbb',
'ccc',
'ddd',
'eee',
'fff'
]
}
})
<script src="https://unpkg.com/vue@2.4.2/dist/vue.min.js"></script>
<div id="app">
<ul>
<li v-for="(item, index) in items" v-if="index >= 2">{{ item }}</li>
</ul>
</div>
或自定义函数:
new Vue({
el: '#app',
data: {
items: [
'aaa',
'bbb',
'ccc',
'ddd',
'eee',
'fff'
]
},
methods: {
startFrom (arr, idx) {
return arr.slice(idx)
}
}
})
<script src="https://unpkg.com/vue@2.4.2/dist/vue.min.js"></script>
<div id="app">
<ul>
<li v-for="item in startFrom(items, 2)">{{ item }}</li>
</ul>
</div>
关于javascript - 如何在特定索引处启动 v-for 循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46140707/