全局变量

在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 }}