zoukankan      html  css  js  c++  java
  • 微信小程序-页面间传参

    有几种情况

    1、向下个页面传参直接用 “ ?id=** ” get方式传值

    2、向上个页面传参,利用getCurrentPages()方法 设置之前页面的data值

    3、定义全局变量

    4、存本地 wx.setStorage

    1、get方式

    list.js

      goFn(e){
        wx.navigateTo({
          url: "./details?name="+e.currentTarget.dataset.name
        })
      },
    

    details.js

      onLoad: function (options) {
        console.log(options.name)
      },
    

    2、向上个页面传参

    a.wxml

    <view>
      a:{{a}}
      b:{{b}}
    </view>
    <view bindtap="goFn">跳b页面</view>

    a.js

      data: {
        a:'这是a页面设置的',
        b:'',
      },
      goFn(){
        wx.navigateTo({
          url: './b',
        })
      },

    b.wxml

    <view bindtap="goFn">返回a页面</view>

    b.js

      onLoad: function (options) {
        let pages = getCurrentPages()
        let prevPage = pages[pages.length - 2]
        prevPage.setData({
          b:'这是b页面设置的'
        })
      },
      goFn(){
        wx.navigateBack({
          delta:1
        })
      },
    

    3、定义全局变量

    app.js

      globalData: {
        aaa: 123
      }
    

    a.js

      onLoad: function (options) {
        console.log(getApp().globalData)
      },
    

    4、存本地 wx.setStorage

    a.js

      onReady: function () {
        wx.setStorage({
          data: {a:1},
          key: 'key',
        })
        wx.getStorage({
          key: 'key',
          success(res){
            console.log(res)
          }
        })
      },
    

      

    setStorage

  • 相关阅读:
    《构建之法》前三章读后感--软件工程
    复利计算--web版--总结--软件工程
    利率计算v2.0--web版--软件工程
    <更新日期03-31-2016> 复利计算5.0 <已改进>
    0302随笔
    有限自动机的构造与识别
    评论
    C语言文法
    词法分析 after Coding
    词法分析
  • 原文地址:https://www.cnblogs.com/sunday123/p/12918126.html
Copyright © 2011-2022 走看看