发表评论功能的实现

1、把文本框做双向数据绑定


2、为发表按钮绑定一个事件


3、校验评论内容是否为空,如果为空,则Toast提示用户,评论内容不能为空
4、通过 vue-resource 发送一个请求,把评论内容提交给 服务器
5、当发表评论OK后,重新刷新列表,以查看最新的评论
+如果调用 getComments 方法重新刷新评论列表的话,可能只能得到 最后一页的评论,前几页的评论获取不到
+换一种思路:当评论成功后,在客户端,手动拼接出一个 最新的评论对象,然后 调用 数组的 unshift 方法,把最新的评论,追加到 data 中 comments 的开头;这样,就能 完美实现刷新评论列表的需求;

发表评论功能的实现_第1张图片

 

发表评论功能的实现_第2张图片

6、经过测验成功的方法如下 

 

 发表评论功能的实现_第3张图片

 

你可能感兴趣的:(功能)