Javascript Vue.js是否在我的对象数组中使用唯一id来获取我的对象的索引？

Vue.component（'post'{
模板：“#我的组件”，
道具：['posty']，
方法：{
testFunc:函数（索引）{
此.parent.parentMethod（索引）；
}
}
});
var vm=新的Vue({
el:“应用程序”，
数据：{
帖子：[{uuid:'88f86fe9d'，
标题：“你好”，
投票：“15”
},
{	
uuid:'88f8ff69d'，
标题：“你好”，
投票：“15”
},
{	
uuid:'88fwf869d'，
标题：“你好”，
投票：“10”
}]
},
方法：{
父方法：函数（索引）{
此.柱.拼接（索引，1）
}
}
});

JS-Bin


{{posty.title}
不
'track-by'仅用于提示Vue，以便它可以跟踪每个节点的标识，从而重用和重新排序现有元素

它不是您可以在方法中访问的内容，它仅由Vue内部使用

因此，您必须在单击事件上引用每个对象的uuid，如下所示：

 <button v-on:click="testFunc(posty.uuid)">{{posty.title}}</button>

{{posty.title}

但是，我认为您需要的是：

<ul class="list-group">
  <li v-for="(item, index) in items">
    {{ testMethod(index) }}
  </li>
</ul>



{{testMethod（index）}}



v-for
还支持当前项索引的可选第二个参数。这是在v-for循环中传递项索引的“Vue方式”