Vue.js：保存v-for的索引？

Question

我想保存v-for中的最新索引，但是我不知道如何在模板中包含这个逻辑？

基本上，我有这样的：

<div v-for="(reply, index) in replies" :key="reply.id"> 

我想包括模板不知何故这里面的逻辑：

this.last_index = index 

我只是想知道在占答复总数的量的V-的循环。

谢谢！

Answer 1

最合适的解决方案是使用Vue中的计算属性。我通常用这样的：

computed: { 
 
    
 
    lengthReply() { 
 
    
 
     return this.replies.length; 
 
     
 
    } 
 
    
 
}

如果使用Vuex，那么你可能可以用干将这种情况。 如果你真的不想使用计算机属性，那么你可以把它放在你的模板大括号，就像这样：

{{ replies.length }}

如果你需要渲染只有最后一个元素，在您的回复列表中，然后你可以使用这个可怕的代码：

<div v-for="(reply, index) in replies" v-if="reply === replies[replies.length - 1]">