天天看点

微信小程序入门级操作(JS)

微信小程序入门级操作(JS)

    • 1、绑定事件中传递参数
    • 2、跳转页面传递参数
    • 3、跳转页面后获取参数

1、绑定事件中传递参数

  1. 在wxml文件中新建一个标签,为这个标签绑定一个事件(bindtap)。
  2. 为绑定事件传递参数,使用data-参数名=值的格式进行传参,即data-XXX=‘{{}}’,多个参数写多个即可。
<view  bindtap="getId" data-id="{{111}}">
           
  1. 然后打开js文件,并在里面新建一个函数,函数名称和事件调用的名称相同,并传递一个参数e。
  2. 然后通过e.currentTarget.dataset.参数名 获取值。
getId: function (event) {
 //获取参数
  var id= event.currentTarget.dataset.id
  }
           

2、跳转页面传递参数

在跳转的url最后按get请求方式拼接参数即可:

eg:url:‘xxxxxxxx?xx=1&xx=2&xx=3’

3、跳转页面后获取参数

在onLoad方法中,直接用options.参数名即可。

onLoad: function (options) {
      this.setData({
        xx: options.xx,
      })
  },
           

继续阅读