本文介绍如何利用Vue.js开发一个仿微博的评论系统。通过创建Vue实例，定义数据属性和方法，实现评论的添加、获取及页面加载时的数据请求。同时展示了评论内容、时间戳、点赞数和回复数的显示，以及删除功能。
}
});
window.οnlοad=function(){var URL='weibo.php';newVue({
el:'.znsArea',
data:{//vue的属性、数据
t1:'',
msgData:[]
},
methods:{
add:function(){//发送请求
this.$http({
url:URL,
data:{//后台发送数据
act:'add',
content:this.t1
}
}).then(function(res){var json=res.data;//msgData添加数据
this.msgData.unshift({
content:this.t1,
time:json.time,
acc:0,
ref:0,
id:json.id
});this.t1='';
});
},
getPageData:function(n){this.$http({
url:URL,
data:{
act:'get',
page:n
}
}).then(function(res){//console.log(res.data);
var arr=res.data;
console.log(arr);for(var i=0; i
content:arr[i].content,
time:arr[i].time,
acc:arr[i].acc,
ref:arr[i].ref,
id:arr[i].id
});
}
});
}
},
created:function(){this.getPageData(1);
}
});
};
(可按 Enter 回复)
扫一扫
797
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
{{item.content}}
{{item.time|date}}
{{item.acc}}
{{item.ref}}
删除
1
2
3