文章详情页面-指定评论内容处理
# 文章详情页面-指定评论内容处理
# 一、指定评论回复按钮点击事件绑定
- 添加comment_id传递给云函数,保证云函数知道当前是针对那条评论进行的回复
# 二、云函数调整
从当前的commnets集合当中通过传递的comment_id获取指定的那一条记录值
为当前的记录值的replyArr属性插入一个新的评论内容
// 获取指定的评论内容 let commentIndex = comments.findIndex(item => item.comment_id === comment_id)
修改指定呢索引值的数据的replyArr的记录值
commentObj = { [commentIndex]: { replyArr: dbCmd.unshift(commentObj) } }
# 三、前端进行数据渲染
使用组件自调用的形式进行数据渲染
在自调用的过程当中需要注意,保证调用时进行指定name属性值,
使用自调用的过程中会有两次父组建事件发送的过程,一次是当前组件作为父组件的时候获取到发送的事件,另一次是向上级articleDetail传递的时候接收到的事件。
当指定回复进行事件发送的时候,需要指定reply_id,并且调整comment_id值;
渲染完成之后,将replayData进行清空处理