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 // 取得全局变量需要的值