微信小程式設定資料來源
阿新 • • 發佈:2018-12-13
設定資料來源:
第一種直接在該頁面的js頁面的data裡新增資料來源:
Page({ /** * 頁面的初始資料 */ data: { menuList: [ [{ name: '選單1', url: '../navigateTo/navigateTo', content: '我是選單一' }, { name: '選單2', url: '../logs/logs', content: '我是選單二' }, { name: '選單3', url: '../movie/movie', content: '我是選單三' }, { name: '選單4', url: '../userinfo/userinfo', content: '我是選單四' } ], [{ name: '選單5', url: '121', content: '我是選單五' }, { name: '選單6', url: '121', content: '我是選單六' }, { name: '選單7', url: '121', content: '我是選單七' }, { name: '選單8', url: '121', content: '我是選單八' } ], ] } })
第二種直接在小程式的app.js裡的globalData裡面新增資料來源:
globalData: { userInfo: null, menuList: [ [{ name: '選單1', url: '../navigateTo/navigateTo', content: '我是選單一' }, { name: '選單2', url: '../logs/logs', content: '我是選單二' }, { name: '選單3', url: '../movie/movie', content: '我是選單三' }, { name: '選單4', url: '../userinfo/userinfo', content: '我是選單四' } ], [{ name: '選單5', url: '121', content: '我是選單五' }, { name: '選單6', url: '121', content: '我是選單六' }, { name: '選單7', url: '121', content: '我是選單七' }, { name: '選單8', url: '121', content: '我是選單八' } ], ] }
然後在js頁面獲取設定資料來源:
var app = getApp();//獲取app.js裡面的資料(小程式的例項)
Page({
/**
* 頁面的初始資料
*/
data: {
menuList:""
},
/**
* 生命週期函式--監聽頁面載入
*/
onLoad: function(options) {
//使用appjson設定值
this.setData({
menuList: app.globalData.menuList,
});
}
})