vue简易留言板 | 您所在的位置:网站首页 › 用vue写的网站留言板 › vue简易留言板 |
wwwww
window.onload=function(){
new Vue({
el:‘#box‘,
data:{
myData:[],
username:‘‘,
age:‘‘,
nowIndex:-100
},
methods:{
add:function(){
this.myData.push({
name:this.username,
age:this.age
});
this.username=‘‘;
this.age=‘‘;
},
deleteMsg:function(n){
if(n==-2){
this.myData=[];
}else{
this.myData.splice(n,1);
}
}
}
});
};
用户名:
年 龄:
用户信息表
序号
名字
年龄
操作
{{$index+1}}
{{item.name}}
{{item.age}}
删除
删除全部
暂无数据.... × 确认删除么? 取消 确认![]()
vue简易留言板 原文:http://www.cnblogs.com/wangxue420/p/7103838.html |
CopyRight 2018-2019 实验室设备网 版权所有 |