专栏首页娱乐心理测试mpvue页面跳转及传值

mpvue页面跳转及传值

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

mp.query 进行获取小程序在 page onLoad 时候传递的 options。要注意:写在mounted函数里,写到created会报如下图错误:

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue2.5源码阅读笔记02—虚拟DOM的创建与渲染

    Vue是数据驱动的MVVM框架,视图是由数据驱动生成的,因此对视图的修改不是通过操作 DOM,而是通过修改数据,相比传统使用jQuery的前端开发,能够大大简化...

    csxiaoyao
  • Vue2.5源码阅读笔记01—代码结构与初始化

    Vue作为当下最流行的渐进式的js框架,其渐进式的思想、虚拟DOM的运用、组件化的开发模式、响应式数据侦听原理值得开发者进行探索学习,其中运用的代码组织的技巧,...

    csxiaoyao
  • 18.4.21日报

    1,跟进一处woff2字体显示不了的问题。原因是获取的字符宽度为0,但在chromium.bb里也是0,暂时放弃跟进

    龙泉寺扫地僧
  • Vue项目错误汇总

    城市中的游牧民族
  • Vue学习笔记之Vue的对象单体模式

    Jetpropelledsnake21
  • vue封装带提示框的单选/多选文本框组件

    在web开发中,经常会遇到公共模块复用的问题,例如页头、页脚、导航条等,传统的后端视图引擎如smarty、服务器配置SSI、或是纯前端的嵌套iframe、js请...

    csxiaoyao
  • 前端面试题汇总

    (1) vue.js 兄弟组件通信 生命周期 vue router vuex 原理 (2) angular (3) react ...

    城市中的游牧民族
  • 18.5.21日报

    1,跟进https://www.iviewui.com点击链接无反应的问题。原因猜测还是和messageport实现有关。

    龙泉寺扫地僧
  • MongoDB MongoVue 客户端

    MongoVue,是一款MongoDB的客户端工具,1.0版本的开始收费了,本文最后提供免费破解版v1.5.3。

    阳光岛主
  • Vue.js重点知识

    在 Vue 中调用 computed 和调用 data 一样,都是 this.funName,而不是像访问 methods 中的方法那样使用 this.funN...

    城市中的游牧民族

扫码关注云+社区

领取腾讯云代金券