vue执行操作成功但页面不刷新_vue组件刷新但是部分区域不刷新的问题

目前在做一个聊天APP的项目,左右都是组件,左边是聊天群,右边是聊天分享内容,下面有截图

左:

右:

无论怎么点击左边都是会在同一个路由下,左边通过请求后台拿到每个聊天群的信息,点击选择时通过vuex保存起来

然后右边聊天组件能取到,正常情况下都是可以正常的。点击群,右边就进入updated()钩子。

目前在做一个点赞的需求,问题就来了,我在某一个群的某一个消息中点赞了一次(比如说在第二条),然后我进入别的聊天群里面对应的item下已赞,虽然我没有给它点赞。

对应的没有点赞却有已赞的项:

我通过vue-Devtools看了下相关vuex的item是正常的,不知道为何会继承这个已赞,刷新页面就好了,不过仅仅切换群就还是已赞

关于点赞的逻辑代码:

批量下载 下载 {{feedLikeClick(item.feeds)}} 发表评论

请勾选你要下载的文件已选择了 个文件,共 M立即下载取消

feedLikeClick(obj) {

if (obj.length !== 0) {

let like = ''

for (let item of obj.values()) {

if (item.feedType === 1 && item.userId === userId()) {

like = '已赞'

break

} else {

like = '点赞'

}

}

return like

} else {

return '点赞'

}

}

你可能感兴趣的:(vue执行操作成功但页面不刷新)