微信小程序使用总结

• 全局变量使用方法

  • 定义

    app.js中按照下面示例方式定义全局变量

    App({
        onLaunch:function(){
            //...
        },
        globalData: {
           name: 'xxx'
        }
    })
    

  • 使用

    var app = getApp();
    Page({
       data:{},
       func:function(){
          console.log(app.globalData.name);
       }
    })
    

• 函数传参

  微信小程序是不可以直接在绑定时间的时候传参的，但是很多时候对应的点击或者确认方法都是需要传递参数的，这个时候我们可以采用以下方式

  xml文件

  <button data-name = '张三' bindtap = 'showName'></button>
  

  js文件

  Page({
     data:{},
     showName:function(e){
        console.log(e.currentTarget.dataset.item.name);
     }
  })
  

• 常用路由跳转

  //跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
  wx.switchTab({
    url: '/index'
  })
  //保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层
  wx.navigateTo({
    url: 'test?id=1',
    events: {
      // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
      acceptDataFromOpenedPage: function(data) {
        console.log(data)
      },
      someEvent: function(data) {
        console.log(data)
      }
      ...
    },
    success: function(res) {
      // 通过eventChannel向被打开页面传送数据
      res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
    }
  })
  //关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
  wx.redirectTo({
    url: 'test?id=1'
  })
  //关闭所有页面，打开到应用内的某个页面
  wx.reLaunch({
    url: 'test?id=1'
  })