微信小程序总结

1.在js方法获取data的数据，以name为案例进行说明
  

 dada{
        name:"陈紫函",
        age:"22",
        sex:"男"
     }

如果js中想使用name的值，就是：

this.data.name

2.redirectTo携带参数跳转页面以及在跳转的页面接收参数

 goCharge: function(e){ // 充值
    var areaCode = '100'
    var areaName = '中华英雄'
    var hasmoney = ‘90’
    wx.redirectTo({
       url: '../charge/charge?areaCode=' + areaCode + "&&areaName=" + areaName   + "&&hasmoney=" + hasmoney,
     })
  },

在跳转到的页面接收参数：

//在跳转到的页面的onLoad方法中接收，当然在data中定义Name,Code,Money三个变量用来存储接收的参数
  onLoad:function(intoMoney){
      this.setData({
         Name: intoMoney.areaName,
         Code: intoMoney.areaCode,
         Money: intoMoney.hasmoney
      })
   },

3.request请求数据，首先要在data中定义一个变量来接收请求过来的数据

  onLoad: function (options) {
  //这个地方要定义that来接收this
    var that = this
    wx.request({
      url: '',
      data: {},
      header: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' },
      method: 'GET',
      success: function (res) {
       //将请求到的数据放到data数据变量中
       that.setData({
          diancard: data
          //将小区数据进行回显下拉框
        })
      },
      fail: function () {
        // fail
      },
      complete: function () {
        // complete
      }
    })
  },

4.请求数据配置App.js中的全局变量

App({
  globalData: {
    //全局变量openid
    openidx: '',
               }
   });
   

    wx.login({
      success: function(res) {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        if (res.code) {
          var APPID = 'wxc416aa3046bed24b'
          var SECRET = 'ab4e940de98124fc9e4fef58d17dfc5d'
          // var that = this;
          wx.request({
            url: '',
            data: {},
            header: {
              'content-type': 'application/json'
            },
            success: function(res) {
              getApp().globalData.openidx = res.data.openid
            }
          })
        } else {
          console.log("登陆失败" + res.errMsg)
        }

      }

    })

5.微信小程序自定义变量，以及获取变量值

先看看wxml

<view class='box' bindtap='getValue'>
    <view class='first' data-num="1024" data-name="张三">第一个view</view>
    <view class='second' data-age="2017" data-con="李四">第二个view</view>
    <text >第一个view的自定义属性：{{first}}</text>
    <text >第二个view的自定义属性：{{second}}</text>
</view>

然后是js

 data: {
    first:'',
    second:''
  },
  onLoad: function (options) {},
  getValue(e){
      const that = this;
      that.setData({
        first: e.target.dataset.name,
        second: e.target.dataset.conbn
      })
  }

6.小程序view中的image图片居中显示

<view style="display:flex;justify-content:center;">
      <image style="width:130px;height:110px;margin-top:60px" src='../images/yhqsx.png'> 
      </image>
</view>

点评：给图片一个宽高，然后在view中书写style,通过display:flex;justify-content:center;就可以达到想要的效果

7.获取全局变量数据

getApp().globalData.属性名

全局变量赋值：

var app=getApp();     // 取得全局App

app.globalData.userInfo = res.data.data.uid     // 取得全局变量需要的值