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、完整代码 

 
 
  
   
   
   
   
   .container{ 
    margin-top: 20px; 
   } 
   
   
   
  
  
   
    
   
 
    
 
     {{value}} 
    
 
   
 
   增加数据 
   
  
 

ps：下面看下vue 数组重复，循环报错

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

总结

以上所述是小编给大家介绍的Vue.js在数组中插入重复数据的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！