Vue.js在数组中插入重复数据的实现代码

这篇文章主要介绍了Vue.js在数组中插入重复数据的实现代码,需要的朋友可以参考下

1、在默认的情况下,Vue.js默认不支持往数组中加入重复的数据。可以使用track-by="$index"来实现。

2、不使用track-by="$index"的数组插入,数组不支持重复数据的插入

      2.1  JavaScript代码

 

      2.2  html代码

 
  • {{value}}

      2.2  结果    

 

3、使用track-by="$index"的数组插入,数组支持重复数据的插入

      3.1 Javascript代码           

 

      3.2 html代码

 
  • {{value}}

      3.3 结果     

4、完整代码 

    
  • {{value}}

ps:下面看下vue 数组重复,循环报错

Vue.js默认不支持往数组中加入重复的数据。可以使用track-by="$index"来实现。

总结

以上就是Vue.js在数组中插入重复数据的实现代码的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程