微信小程序全局引用js文件
时间: 2023-07-13 21:25:51 浏览: 110
要在微信小程序中全局引用js文件,可以按照以下步骤:
1.在项目根目录下创建一个utils文件夹,用于存放全局引用的js文件。
2.在utils文件夹下创建一个名为global.js的文件,用于编写全局引用的js代码。
3.在global.js中定义需要全局引用的方法或变量。例如:
```
function showToast(message) {
wx.showToast({
title: message,
icon: 'none'
})
}
```
4.在app.js中引入global.js文件,并将其挂载到全局变量中。例如:
```
const global = require('./utils/global.js')
App({
globalData: {
isLogin: false
},
showToast: global.showToast
})
```
5.在其他页面中,即可通过app实例访问全局方法或变量。例如:
```
const app = getApp()
Page({
data: {
message: 'Hello world!'
},
showMessage() {
app.showToast(this.data.message)
}
})
```
这样就可以在任何页面中使用全局方法或变量了。
阅读全文