zoukankan      html  css  js  c++  java
  • demo_40 收藏与首页内容关联(最为烦躁的一节)

    1. 初始化事件

     2. 实现首页、文章详情页、关注页 收藏或者取消收藏文章,同步到其他三个地方

    说明:

              文章详情页的收藏文章的自定义事件,update_article事件,是发送给list.vue中的,目的是实现首页与文章详情页收藏文章的数据联动,会有一个首页刷新的操作;

              此时,follow页面中收藏文章时引用了组件list-card中的likes组件,此时给likes组件也定义一个自定义 update_article 事件,发送给follow监听,就要有所区分;

    2.1 文章详情页,发送收藏文章 自定义事件给list.vue组件

     2.2 为了区分,给list-card添加一个属性

     2.3 list-card接收并传递给likes组件

     2.4 likes组件接收传参,发送同样的自定义事件,并携带这个参数

    2.5 在list.vue中做判断

     此时,三方同时刷新已经实现。

    原则:首页点击收藏,刷新 文章详情页 和 我的收藏页,

               文章详情页收藏,刷新首页和 我的收藏页,

                我的收藏页,只能取消收藏,刷新首页 和 文章详情页

                首页点击,不能让自定义事件再刷新自己一次。

    效果图:

  • 相关阅读:
    LeetCode Power of Three
    LeetCode Nim Game
    LeetCode,ugly number
    LeetCode Binary Tree Paths
    LeetCode Word Pattern
    LeetCode Bulls and Cows
    LeeCode Odd Even Linked List
    LeetCode twoSum
    549. Binary Tree Longest Consecutive Sequence II
    113. Path Sum II
  • 原文地址:https://www.cnblogs.com/luwei0915/p/13747378.html
Copyright © 2011-2022 走看看