Vue3之getCurrentInstance与ts怎么结合使用
时间：2023-05-16 10:58
vue3项目中，如果不用ts这样使用是没问题的 在ts中使用会报错：报错：...类型“ComponentInternalInstance | null” 我们在项目中一般会用到很多getCurrentInstance()方法，直接封装一下 创建useCurrentInstance.ts文件： 组件内使用： vue3中没有this + 各种api的方法 vue3提供的方法，创建类似于this的实例。 这种只适合本地调试，运行到线上就会报错，报错详情为： 类型“ComponentInternalInstance | null”上不存在属性“proxy”。ts(2339) 然后下面会报这个错误 Unsafe member access .$axios on an `any` value. eslint@typescript-eslint/no-unsafe-member-access Unsafe call of an `any` typed value. eslint@typescript-eslint/no-unsafe-call 原因： getCurrentInstance()的返回类型存在null所以在此处添加断言即可。 在proxy后面添加?来过滤null的结果，即： 以上就是Vue3之getCurrentInstance与ts怎么结合使用的详细内容，更多请关注Gxl网其它相关文章！getCurrentInstance与ts结合使用
const { proxy } = getCurrentInstance()import { ComponentInternalInstance, getCurrentInstance } from 'vue'export default function useCurrentInstance() { const { appContext } = getCurrentInstance() as ComponentInternalInstance const proxy = appContext.config.globalProperties return { proxy }}<script lang="ts">import { defineComponent } from "vue";import useCurrentInstance from "@/utils/useCurrentInstance";export default defineComponent({ setup() { const { proxy } = useCurrentInstance(); console.log(proxy); },});</script>vue3+ts使用getCurrentInstance报错
const instance = getCurrentInstance() const a1= getCurrentInstance();a1.$toast({type: 'error', text: '登录失败' });const instance = getCurrentInstance()?.proxy instance ?.$toast('请xxx！')
