vue动态添加删除表格数据代码

yzch6671

2年前发布

022560

一款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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END