vue v-for循环重复数据无法添加问题解决方法【加跟踪方式='索引'】

本文实例讲述了vue v-for循环重复数据无法添加问题解决方法。分享给大家供大家参考，具体如下：

问题：

错误提示如下：

解决问题的代码示例：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net vue v-for循环重复数据无法添加问题/title style/style脚本src=' http : vue。js '/script script/script/head body div id=' box '输入类型='按钮'值='添加@ click=' add ' ul Li v-for=' val in arr ' track-by=' $ index " { val } }/Li/ul/div脚本var VM=new Vue({ data : { arr :[' apple '，' pear '，' orange'] })，methods : { add : function(){ this。由…改编推动('番茄');} } }).$ mount(' # box ')；/脚本/正文/html注意：这里在li v-for='val in arr '中添加了跟踪方式='$index '

即：

李v-for=' arr中的val ' track-by=' $ index '希望本文所述对大家vue.js程序设计有所帮助。