vue js实现点击事件添加取消关注弹窗

 实现代码

onLike(index) {   //心型点击事件
      console.log(this.info[index].attention, '888');
      if (this.info[index].attention === 'false') {  //判断是否已被关注
        this.$nextTick(() => {
          this.info[index].attention = 'true';
          if (!localStorage.likeIsShow) {  //判断是否是第一次添加关注
            this.likeShow = true  //控制添加关注弹窗弹出
          }
          localStorage.setItem("likeIsShow", false);

        });
      } else if (this.info[index].attention === 'true') {
        this.$nextTick(() => {
          if (!localStorage.noLikeIsShow) {  //判断是否是第一次取消关注
            this.noLikeShow = true   //控制取消关注弹窗弹出
          }
          localStorage.setItem("noLikeIsShow", false);
          this.info[index].attention = 'false';
        });
      }
}