微信小程序页面间传值方法

64 篇文章 1 订阅
29 篇文章 0 订阅

1 通过data-*属性传值

  console.log(e.currentTarget.dataset)

  实例:data- 是固定的写法,-后面的名字可以随便起字母或英文,但获取的时候要写对应名称。

  vxml:

  <view bindtap="triggers" data-name="张三">点击按钮</view>

  js:

  Page({

    data:{},

    triggers(e){

      console.log(e.target.dataset.name)

    }

  })

2 通过id传递

  console.log(e.currentTarget.id)

  wxml:

  //传id

  <button bindtap="getIdFun" id="202208"></button>

  //传对象

  <button bindtap="getIdFun" id='{"name":"zhangsan"}'></button>

  js:

  Page({

    getIdFun(e){

      //获取绑定事件的id

      console.log(e.currentTarget.id)//获取id

      let id = e.currentTarget.id;

      let jsonId = JSON.parse(id)//解析对象

      console.log(jsonId)

    }

  })

3 通过globalData传递参数

  const app = getApp();

  app.globalData.user = '你好'//设置参数

  3-1 app.js //定义全局变量放置数据

    globalData:{

      name:'zs',

      age:20

    }

  3-2 login.js 事件

  Page({

    data:{},

    getEventFun(e){

      const app = getApp();

      console.log(app)

      //打印结果为:

      //globalData:{ name:'zs', age:20 }

    }

  })

  4 通过页面传值options获取

    a.vue:

      wx.navigateTo({

        url:'/pages/a/index?type=100'

      }) 或者

      wx.redirectTo({

        url:'/pages/a/index?type=100'

      })

    b.vue:

      onLoad(options){

        console.log(options.type) // 100

      }

  5 通过storage传递参数

    wx.setStorageSync('localVal':'我是本地的');//设置

    wx.getStorage({

      key:'localVal',

      success(res){

        console.log(res) //{errMsg:'getStorage:ok',data:'我是本地的'}

      }

    })

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值