微信小程序开发1——页面跳转与传参

微信小程序开发类似于web开发，是由WXML标签，WXSS属性，JS控制事件来构成的。

本文主要记录页面跳转与传值中的代码写法。

页面跳转：

首先监听button的事件，用js写事件的时候跳转页面具体代码如下；

<button bindtap="listenerLogin">登录</button>

bindtap个人理解相当于一个onclick()事件点击这个组件的时候发生

listenerLogin: function() {//监听登陆按钮
    wx.navigateTo({

      url: '../index/index?username='+this.data.username+'&password='+this.data.password ,
      
    })
    
  },

页面跳转方式主要是wx.navigateTo({})，这个是保留上一页的，就是在左上角有返回键。

url就是要跳转的地址，类似于.NET

参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 'path?key=value&key2=value2'

然后取值的代码

onLoad: function (e) {

this.setData({username:e.username})

}