全局变量
在app.js中定义全局变量
如果只是引用PbootCMS后台的image路径图片并不能直接显示，这时候我们可以通过定义全局变量，将路径通过变量形式添加到每个页面中，如果改变网站域名，只需修改一处变量即可。
一、通过APP.js定义和使用全局变量
1、在 app.js 页面顶部定义需要全局页面使用的值
const siteUrl = "http://pboot.syabq.cn"; // 实际使用中替换为自己的后台网站地址
2、在 app.js 页面的 globalData 中赋值变量
globalData: {
siteUrl: siteUrl,
}
3、在 pages 下需要使用变量的页面的js中引入变量
const app = getApp();
const siteUrl = app.globalData.siteUrl;
4、在 pages 下需要使用变量的页面的js中赋值变量到 页面的初始数据中
data: {
siteUrl: siteUrl,
},
5、在 wxml 中使用
{{ siteUrl }}
二、通过外部js定义和使用全局变量
1、新建 config.js 页面顶部定义需要全局页面使用的值
var siteUrl = "http://pboot.syabq.cn"; // 实际使用中替换为自己的后台网站地址
var config = {
siteUrl
};
module.exports = config;
2、在 pages 下需要使用变量的页面的js中引入变量
const config = request('../../config.js');
3、在 pages 下需要使用变量的页面的js中赋值变量到 页面的初始数据中
data: {
siteUrl: config.siteUrl,
},
4、在 wxml 中使用
{{ siteUrl }}