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中做判断

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

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

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

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

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

    效果图:

  • 相关阅读:
    poj 1573 Robot Motion
    poj 1035 Spell checker
    poj 3080 Blue Jeans
    poj 3468 A Simple Problem with Integers(线段树区间更新)
    poj 3687 Labeling Balls(拓补排序)
    poj 3295 Tautology
    poj 1062 昂贵的聘礼
    hdu 1170 Balloon Comes!
    hdu 1215 七夕节
    OCJP-试题集合 | 对象的比较
  • 原文地址:https://www.cnblogs.com/luwei0915/p/13747378.html
Copyright © 2011-2022 走看看