小程序带参跳转、Page与Component传值

带参跳转

wx.navigateTo({
    url: '/pages/hope/hope?isHope=' + 0, 
})

跳转的页面有一个参数初始化isHope : 1

Page传值Component

Component中定义show属性

  properties: {
    show: {
      type: "Boolean",
      value: Boolean,
      observer: function (news, olds, path) {

      }
    }
  }

Page中wxml中该Component(joinHope-cmp)绑定

  <joinHope-cmp show="{{showJoinHope}}">
  </joinHope-cmp>

通过改变Page中showJoinHope的值传递给Component的show

    this.setData({
      showJoinHope: true,
    })

Component传值Page

Component中已wishSuccess名字,e是传递的参数

        var e = {
          success: true
        }
        this.triggerEvent('wishSuccess', e, '');

Page的wxml给组件绑定bind:wishSuccess="onWishSuccess"

  <hopeLike-cmp class='hopeLike_container' carData="{{carData}}" bind:wishSuccess="onWishSuccess">
  </hopeLike-cmp>

并实现onWishSuccess方法,从event取参

  onWishSuccess: function (event){
    
  }

推荐阅读更多精彩内容

  • 嗨,我是虔城小米,这是我的每天坚持一篇文章的第16篇! 有人说, 你走过的路,看过的风景,读过的书,遇到的人都在你...
    青青子金悠悠我心阅读 366评论 0 0
  • 2017年11月13日 星期一 晴 周一培训学校老师休息的,我跟着儿子起个大早,带着惰性的思维奔向西城,就为完成...
    刘妈妈阅读 112评论 0 0
  • 给青春理个短头发 给青春理一个短头发,穿上戎装我们离开家,都说外面世界精彩博大,相信军营里有更美好的绿色年华。 ​...
    饭还没熟呢阅读 929评论 24 11
  • 今天觉察了很多,我对一切都抓的太紧,把自己的开心交给了别人。其实我现在的放弃或许是以退为进,更能看清自己的一些能...
    猫公主喵阅读 36评论 0 0