{{v.id}}-{{v.content}}
var app=new Vue({
el:'#hd',
data:{
search_con:'',
commentContent:'',
comments:[
{id:1,content:'后盾人'},
{id:2,content:'后盾人'},
{id:3,content:'后盾人'},
{id:4,content:'后盾人'},
{id:5,content:'后盾人'},
{id:6,content:'后盾人'},
{id:7,content:'后盾人'},
{id:8,content:'后盾人'}
]
},
methods:{
search(){
this.comments=this.comments.filter((item)=>{
var reg=new RegExp(this.search_con,'i');
return reg.test(item.content);
})
},
reserve(){
this.comments.reverse();
},
sort(){
this.comments.sort(function(a,b){
return a.id
})
},
del(k){
this.comments.splice(k,1);
},
push(dire){
var id=this.comments.length+1;
var con={id:id,content:this.commentContent};
switch(dire){
case 'pre':
this.comments.unshift(con);
break;
case 'after':
this.comments.push(con);
break;
}
this.commentContent='';
},
pop(dire){
var con={content:this.commentContent};
switch(dire){
case 'pre':
this.comments.shift();
break;
case 'after':
this.comments.pop();
break;
}
this.commentContent='';
}
}
})
一键复制
编辑
Web IDE
原始数据
按行查看
历史