laravel,vue 怎么实现游客刷新之后,只显示点过赞的那条评论被点赞,而不要所有的评论都显示被点赞?

2018-03-23 12:19:56 +08:00
 lebus

用 vue 做的点赞和点踩组件。

用的 localstorage 存储了游客用户是否已点赞(点赞就设定 isLike 为 1,取消点赞则移除 isLike ),刷新之前一切都好好的。 刷新之后,因为在 mounted 方法里面判断 localstorage 是否有值,有的话改变点赞按钮的状态(颜色,文本)。 结果:只要点过了一个评论的赞,所有的评论都显示被点过赞了。

想再存一个被点赞的评论 id 进 localstorage 的,然后在 mounted 里面判断此评论 id 是否有值,但是这样每次都刷新了 localstorage 里面的值,所以只能显示其中一条被点过赞,不能显示几条。

想了几天没想出来,请各位大神不吝赐教。

mounted() {
        if(localStorage.getItem('isLike')==='1'){
            this.isLikeReview=true
        }else if(localStorage.getItem('isHate')==='1'){
            this.isHateReview=true
        }else if(this.is_login) {
            axios.get(`/reviews/${this.review}/like`)
                .then(response => {
                    // console.log(response);
                    this.isLikeReview = response.data.is_like_review;
                });
            axios.get(`/reviews/${this.review}/hate`)
                .then(response => {
                    this.isHateReview = response.data.is_hate_review;
                })
        }
    },
2304 次点击
所在节点    Vue.js
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/440735

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX