当前位置:Gxlcms > JavaScript > 详解Vue.js在数组中插入重复数据的实现代码

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

时间:2021-07-01 10:21:17 帮助过:6人阅读

本文主要介绍了Vue.js在数组中插入重复数据的实现代码,需要的朋友可以参考下,希望能帮助到大家。

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

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

2.1 JavaScript代码


2.2 html代码


2.2 结果


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

3.1 Javascript代码


3.2 html代码


3.3 结果

4、完整代码


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

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

相关推荐:

最详细的vue.js安装教程

Vue.js开发一个全局调用的MessageBox组件

Vue.js常用指令的学习详解

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

人气教程排行