关于typescript:vuetypescript在vue中挂载axios使用时报错

46次阅读

共计 444 个字符,预计需要花费 2 分钟才能阅读完成。

1. 开发环境 vue+typescript
2. 电脑系统 windows10 专业版
3. 在我的项目开发过程中咱们常常会应用到 axios, 然而咱们在应用 vue+typescript 进行开发的时候应用 axios 可能会存在一些问题, 上面我来分享一下我遇到的问题和解决办法。
4. 在 main.ts 中引入:

import $axios from './chenhttp/chenhttp';
Vue.prototype.$axios = $axios;

5. 咱们个别都会这样用, 如下图:

 有显著的报错 
 从图中咱们能够看进去 typescript 在 Vue 原型对象上检测不到 axios。

6. 解决办法:

 尽管 typescript 无奈检测到 vue 原型上的 prototype, 然而实际上咱们是挂载胜利的, 也就是说咱们能够失常的应用, 咱们惟一须要解决的是 typescript 的类型验证问题, 因而咱们能够指定 this 为 any 类型 (任意类型), 这样的话就能够防止报错造成问题 


7. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。

正文完
 0