场景:从列表页点击评论按钮,进入评论页面,评论后返回列表页,希望被点击的列表项评论总数实时更新。
实现方法:
列表页template 中伪代码如下:
<view v-for(省略)>
<view @click="to_comment(item.post_id, item.id, index)">发表评论</view>
</view>
onShow 中:
let index = uni.getStorageSync('index');
let comment_count = uni.getStorageSync('comment_count');
if (this.record_list.length != 0) {
this.record_list[index].comment_count = comment_count;
}
methods中:
to_comment(post_id, o_user_id, index){
uni.setStorageSync('index', index);
uni.navigateTo({
url: '../comment/comment?post_id=' + post_id + '&o_user_id=' + o_user_id
})
},
评论页面:
onLoad (){
this.get_comment_list()
},
methods: {
get_comment_list() {
uni.setStorageSync('comment_count', this.comment_list.comment_count) //当不评论时,将评论总数缓存
},
comment(){
uni.setStorageSync('comment_count', this.comment_list.comment_count) //如果有评论,更新缓存
}
}
效果:可实现评论总数的实时更新,并且不用全页面刷新
16 个评论
要回复文章请先登录或注册
苏陌
苏陌
初学者123 (作者)
初学者123 (作者)
苏陌
初学者123 (作者)
苏陌
艾朗
初学者123 (作者)
苏陌