vue动态添加删除表格数据代码-米微资源分享网

一款bootstrap风格样式的很实用的vue动态添加删除表格数据代码，输入用户名和年龄自由添加用户信息表格，可以删除用户信息，支持批量全部删除表格数据。

js代码

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/vue.js"></script>
<script>
	  window.onload = function(){
		  new Vue({
			  el:'#box',
			  data:{
				 myData:[],
				 username:"",
				 age:"",
				 nowIndex:-100
			  },
			  methods:{
				 add:function(){
					  this.myData.push({
						  username:this.username,
						  age:this.age
					  })
					 this.username="",
					 this.age=""
				 },
				  del:function(n){
					  if(n ==-2){
						  this.myData="";
					  }{
						  this.myData.splice(n,1);
					  }
				  }
			  }
		  })
	  }
</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载