vue3+ts,全局对象类型检测报错

1,051 阅读1分钟

在vue中,我们经常会使用this去访问全局变量,但是在ts中,this上并没有类型说明,因此直接使用会报错。

image.png

当然我们可以通过// @ts-ignore 去忽视这个问题,但毕竟不够优雅,而且每次使用都要写,很麻烦。

解决方法: 自己去写一个类型说明加到vue属性上就好,在main.ts中添加。

declare module "@vue/runtime-core" {
    interface ComponentCustomProperties {
        $message: SFCWithInstall<Message>;
    }
}

如果有其他全局属性,也一样写就好。