vue push html,0619push.html

Title

{{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

原始数据

按行查看

历史