vue12 循环添加重复数据

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>智能社——http://www.zhinengshe.com</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><style></style><script src="vue.js"></script><script></script>
</head>
<body><div id="box"><input type="button" value="添加" @click="add"><ul><li v-for="val in arr">{{val}}</li></ul></div><script>var vm=new Vue({data:{arr:['apple','pear','orange']},methods:{add:function(){//只能添加一次，有重复数据，this.arr.push('tomato');}}}).$mount('#box');</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>智能社——http://www.zhinengshe.com</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><style></style><script src="vue.js"></script><script></script>
</head>
<body><div id="box"><input type="button" value="添加" @click="add"><ul><li v-for="val in arr" track-by="$index"> <!-- 可以添加重复数据-->{{val}}</li></ul></div><script>var vm=new Vue({data:{arr:['apple','pear','orange']},methods:{add:function(){this.arr.push('tomato');}}}).$mount('#box');</script>
</body>
</html>

vue12 循环添加重复数据相关推荐

iOS coredata 避免添加重复数据
首先你要知道你数据中那一项是唯一的然后对这个唯一进行现查后插的顺序进行处理在查的时候第一次array肯定是空的判断array的内容为0的话先插入第一次数据然后再做唯一那个参数是否存在不在的 ...
list循环添加数据_List 去除重复数据的 5 种正确姿势！你知道几种？
喜欢就关注我们吧! 以下介绍五种不同的方法去除 Java 中ArrayList中的重复数据. 1.使用LinkedHashSet删除arraylist中的重复数据 LinkedHashSet是在一个A ...
java双重循环去重_java List去除重复数据实现
作者:多纤果冻 blog.csdn.net/qq_37939251/article/details/90713643 注:参照的文章完成的是int类型去重. String 类型基本一致,我完成的dem ...
List 去除重复数据的五种方式，舒服~
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | 多纤果冻来源 | https://blog. ...
java list过滤重复的数据_List 去除重复数据的 5 种正确姿势！
以下介绍五种-不同的方法去除 Java 中ArrayList中的重复数据 1.使用LinkedHashSet删除arraylist中的重复数据 LinkedHashSet是在一个ArrayList删除 ...
Java 去除重复数据的五种方式
1.使用LinkedHashSet删除arraylist中的重复数据 LinkedHashSet是在一个ArrayList删除重复数据的最佳方法.LinkedHashSet在内部完成两件事: 删除重复 ...
List去除重复数据的几种方式和性能比较
以下介绍5种去除Java中ArrayList中的重复数据 1. 使用LinkedHashSet删除arrayList中的重复数据 LinkHashSet是在一个ArrarList删除重复数据的最佳方法 ...
list过滤重复数据java_java中List去除重复数据的五种方式
在使用java编码中,我们会经常遇到让List对象去重,最常见的是ArrayList去除重复的数据, 看似很简单的东西,其实里面是有很多学问的,下面介绍不同的方法去除java中ArrayList中的重 ...
Java 中ArrayList中的重复数据
以下介绍五种-不同的方法去除 Java 中ArrayList中的重复数据 1.使用LinkedHashSet删除arraylist中的重复数据 LinkedHashSet是在一个ArrayList删除 ...

vue12 循环添加重复数据

vue12 循环添加重复数据相关推荐

最新文章

热门文章