vue3 全局注册app.config.globalProperties，如何处理getCurrentInstance 上下文线上环境报错

vue3挂载全局属性和方法，使用app.config.globalProperties，但是在组件中获取全局上下文的时候getCurrentInstance会在线上环境报错。
搜索了一遍，看了好多文章，都是在本地环境getCurrentInstance有用，线上环境报错，所以一切的一切还是去官网查找，得到最后的完美结果。

线上环境正确使用：

const instance = getCurrentInstance()console.log('instance???', instance.appContext.config.globalProperties)

以下方式本地环境有效，线上环境会报错，不建议使用


const { ctx } = getCurrentInstance();
console.log(ctx, "ctx");
// **这样在本地环境可以， 但是线上环境会报错**

线上环境正确的做法是以下操作，亲测试有效：

main.js中

import { createApp } from "vue";
import App from "./App.vue";
// 初始化
import push from '@/utils/push'
import api from '@/utils/api'const app = createApp(App)
app.config.globalProperties.$asyncPost = api.nextPost
app.config.globalProperties.$push = pushapp.mount("#app");

页面中加入：

<template><div class="container"><div>获取全局</div></div>
</template><script>
import { getCurrentInstance } from 'vue'
export default {components: {},setup() {const instance = getCurrentInstance()console.log('instance???', instance.appContext.config.globalProperties)return {}},
}
</script>

线上环境打印结果：

参考vue3官网

vue3 全局注册app.config.globalProperties，如何处理getCurrentInstance 上下文线上环境报错相关推荐

vue3+ts使用app.config.globalProperties全局挂载实例方法，扩展模块解决ts类型检查报错
main.ts中代码 // main.ts import { createApp } from 'vue' import App from './App.vue' import router from ...
Vue3:全局注册（参数：globalProperties，组件：component）
1.全局注册参数 const app = createApp(App); const http='' app.config.globalProperties.$https = http; app.mo ...
iOS app崩溃率，如何解决线上闪退
//联系人:石虎 QQ: 1224614774昵称:嗡嘛呢叭咪哄 1.如何追踪app崩溃率,如何解决线上闪退当iOS设备上的App应用闪退时,操作系统会生成一个crash日志,保存在设备上.cra ...
App运营干货：怎么通过线上渠道做好APP推广？
app运营分为线上和线下两个方面.其中,app线上运营是互联网时代运营人员接触的最多的一种app推广方式.如何在线上运营好一个app应用呢?今天小编将从6个方面分析此问题. 一款app应用的推广最终的 ...
app.vue中引用图片src=“../assets/logo.png“报错未找到图片
发现在views或components里的vue里用src="-/assets/logo.png"是没有问题的,但是在app.vue里这么使用出现报错: This relative ...
Vue3.0 + Ts 项目使用element-plus 自动按需导入使用v-loading报错
问题展示: 使用v-loading报错无法找到样式 element-plus/es/components/loading-directive/style/css 解决办法: element-plus ...
app中使用企业微信sdk分享小程序报错：小程序路径错误，加载超时解决办法。
问题描述: 在app中,需要调用企业微信skd,分享小程序给客户,客户打开小程序. 如果客户直接是企业微信中的,可以在企业微信中打开小程序. 但是,如果客户是微信中,用户在微信中打开小程序就报错. i ...
Vite+Vue3增加版本号记录(验证线上环境是否已更新到最新版本)
前言有时候更新代码到线上域名时,会不知道自己的代码是否已更新到或者是否因为浏览器缓存而导致页面还是旧的,所以我们需要有一个东西去验证是否已经更新. 1. 安装Vite-plugin-html-env ...
c语言二级闪退有分数嘛,c语言文件1.怎样追踪app崩溃率。怎样解决线上闪退当iO(2)...
市场上已有的商业软件提供crash收集服务,这些软件基本都提供了日志存储,日志符号化解析和服务端可视化管理等服务: Crashlytics () Crittercism () Bugsense () ...

vue3 全局注册app.config.globalProperties，如何处理getCurrentInstance 上下文线上环境报错

vue3 全局注册app.config.globalProperties，如何处理getCurrentInstance 上下文线上环境报错相关推荐

最新文章

热门文章

vue3 全局注册app.config.globalProperties， 如何处理getCurrentInstance 上下文线上环境报错

vue3 全局注册app.config.globalProperties， 如何处理getCurrentInstance 上下文线上环境报错相关推荐

最新文章

热门文章

vue3 全局注册app.config.globalProperties，如何处理getCurrentInstance 上下文线上环境报错

vue3 全局注册app.config.globalProperties，如何处理getCurrentInstance 上下文线上环境报错相关推荐