mpvue页面跳转及传值

作者: honey缘木鱼 | 来源:发表于2019-02-28 11:36 被阅读1次

vue中 使用 vue-router 来进行路由跳转的。mpvue中只能通过以下几种方式跳转:
(1).a 标签

<a href="/pages/commemtList/main?id=1236478365">

(2).普通跳转navigateTo

godetails(id){
          const url = '../goodsDetails/main?id='+id
          wx.navigateTo({ url })
      }

(3).<navigator></navigator>标签

<navigator url="/pages/commemtList/main?id=1236478365"></navigator>

(4).底部导航跳转 switchTab

// 加入购物车
          addCart () {
              const url = '../logs/main'
               wx.switchTab({url})
          },

接受页面传值方式:
(1).在onLoad中

onLoad (options) {
      let id = options.id
    },

(2).通过 this.root.mp.query

mounted(){
      this.goodId = this.$root.$mp.query.id
    }

在所有 页面 的组件内可以通过 this.root.mp.query 进行获取小程序在 page
onLoad 时候传递的 options。要注意:写在mounted函数里,写到created会报如下图错误:


(3).在所有的组件内可以通过 this. root. mp.appOptions 进行获取小程序在 app
onLaunch/onShow 时候传递的 options。

相关文章

  • mpvue页面跳转及传值

    vue中 使用 vue-router 来进行路由跳转的。mpvue中只能通过以下几种方式跳转:(1).a 标签 (...

  • mpvue 页面跳转传值

    A页面跳转B页面,传递money字段 A页面代码 const url = '../home_result/main...

  • 1.23 ionic3——页面跳转及传值

    我一般用两种方法进行页面的跳转与传值第一种(1)跳转 (2)跳转及传值 在B页面构造函数中接收 第二种列表中我喜欢...

  • ionic关于跳转那些事

    简单介绍一下跳转页面,和页面传值 引入 页面跳转并传值 返回上一页 请求接口失败或者成功返回页面 如果需要返回是传入值

  • swift 闭包传值

    场景:A页面跳转到B页面,B页面返回到A页面,(B页面给A页面传值) B页面逻辑:创建block,声明变量,传值 ...

  • 微信小程序几种常用的跳转方式并传值

    第一种:通过链接传值(跳转页面传值) 第二种:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 第...

  • swift 代理传值

    场景:A页面跳转到B页面,B页面返回到A页面,(B页面给A页面传值) B页面逻辑:创建协议,声明变量,传值 A页面...

  • 金蝶kingdee mbos移动轻应用开发脚本参考

    前端事件脚本 1.手动调用提交校验页面字段必填项方法: 2.mbos内页面跳转以及传值: 3.跳转后页面接收传值:...

  • query与params的页面传值

    先简单记录页面传值, 还没完全弄懂其中的原理先配置路径跳转 params data传参 params传参 跳转页面...

  • iOS五种页面传值方式

    方式一:属性传值 A页面的值跳转到B页面之后把值传给B页面,只需要在.h文件定义属性,A页面再跳转之前赋值给B页面...

网友评论

    本文标题:mpvue页面跳转及传值

    本文链接:https://www.haomeiwen.com/subject/yhhhuqtx.html