vue 中 wx.config 每个页面都需要调用吗
时间: 2024-02-24 17:57:40 浏览: 22
如果你在 Vue 中使用了 vue-wechat-js-sdk 这个库来封装微信 JS-SDK 的调用,那么在每个页面中调用 wx.config 是不必要的。因为这个库会在 Vue 实例创建时自动调用 wx.config 进行配置,而且它还会在 Vue 组件销毁时自动调用 wx.closeWindow 关闭当前页面。
你只需要在 main.js 中全局引入 vue-wechat-js-sdk 并进行初始化,然后在需要使用微信 JS-SDK 功能的组件中通过 this.\$wechat.config 进行相关配置即可。例如:
```javascript
import VueWechatJsSdk from 'vue-wechat-js-sdk'
Vue.use(VueWechatJsSdk, {
appId: 'your_appId',
timestamp: 'your_timestamp',
nonceStr: 'your_nonceStr',
signature: 'your_signature',
jsApiList: ['chooseImage', 'uploadImage']
})
```
然后在组件中使用:
```javascript
methods: {
async chooseImage () {
try {
const res = await this.$wechat.chooseImage({
count: 1
})
console.log(res.localIds)
} catch (err) {
console.error(err)
}
}
}
```
这样就可以在 Vue 中方便地使用微信 JS-SDK 的功能了。