一、全局变量
全局变量是整个微信小程序所有的页面都可以访问的变量,定义在app.js
文件中的globalData
里面。
//app.js
App({
onLaunch: function () {
// 展示本地存储能力
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
globalData: {
userInfo: null,
basePath: 'http://127.0.0.1:8080'
}
})
在其他页面可以通过getApp()
获取到里面的方法和变量。比如我们需要获取basePath
变量,我们可以这样:
var app=getApp();
var basePath = app.globalData.basePath;
二、局部页面内的数据交互
1、局部页面中变量的使用
在data
中定义一个数组变量
/**
* 页面的初始数据
*/
data: {
areaList: ['长沙','株洲','岳阳','娄底']
},
在其他方法中引用变量:
onLoad: function (options) {
var list = this.data.areaList;
console.log(list);
}
2、获取点击事件的序号
wxml
<view class="item" wx:for="{{list}}" wx:key="item" wx:for-index="index">
<view class="container" bindtap="onItemTap" id="{{index}}">{{item}}</view>
</view>
js
//列表点击事件
onItemTap: function(event){
var position = event.currentTarget.id;
var data = this.data.list[position];
console.log(data);
}