![7dc61a9a1c5729d2dd126d3447ebd415.png](https://i-blog.csdnimg.cn/blog_migrate/59fd1e0ab69f73a8feebe1f04d8f61e0.png)
1.Property ‘validate’ does not exist on type ‘Vue | Element | Vue[] | Element[]’.Property ‘validate’ does not exist on type ‘Vue’.Vetur(2339)
![af9fd39e32a575e579f487e44562c5a1.png](https://i-blog.csdnimg.cn/blog_migrate/38aac285a8bd57b8f46225b02f741d3a.jpeg)
方法一:
(this.$refs.dataForm as any).validate() //这样就不报错了
![4c5b1cf9ae758bdbd696ba8b06158bf1.png](https://i-blog.csdnimg.cn/blog_migrate/f700f3c01185a08138180e61c899b96e.png)
方法二:
先在js里头的前面引入element 的Form,再as Form
import {Form} from "element-ui";
(this.$refs.dataForm as Form).validate();
![7f8f756fe38af38d3268d1bcab416441.png](https://i-blog.csdnimg.cn/blog_migrate/be7e6f30a5da847b6df957a4e0192c7d.png)
![e30a98de2f1b1f737b07a7e524526569.png](https://i-blog.csdnimg.cn/blog_migrate/87cb0c4abb983ed06cff0e372234780a.png)
参考:https://blog.csdn.net/qq_35257117/article/details/91362483
http://2.xxx does not exist on type ‘AxiosResponse’.Vetur(2339)
![cc6a8d084ed4512555946eb3404ec97c.png](https://i-blog.csdnimg.cn/blog_migrate/f40c71d54a1a98cbe4ca39e632a430a4.png)
解决方案:
1.新建axios.d.ts文件,如在该目录: src/types/axios/axios.d.ts
2.axios.d.ts文件内容
import * as axios from 'axios'
declare module 'axios' {
interface AxiosInstance {
(config: AxiosRequestConfig): Promise<any>
}
}
3.修改项目第一层目录下的tsconfig.json配置文件
{
"compilerOptions": {
"typeRoots":[
"./node_modules/@types",
"./src/types/"
]
}
}
4.关闭前端服务器,再重启vscode,试试效果,不报错了
![f4f9157486ec14a9f059cd2ba30d4239.png](https://i-blog.csdnimg.cn/blog_migrate/2822b216f00cebe9a3b2d5d3b0f36013.png)
参考:https://github.com/axios/axios/issues/1510#issuecomment-529284409