vue typescript event 的数据类型怎么表示？

[GhostBoy]

function readFile(event): void {
    const file = event.target.files[0];
    console.log(file.name);
};

在 vscode 里 function readFile(event): void { 中的 event 总是有红色波浪线！ 想请教一下如何解决？

[wunonglin]

```js
function readFile(event: Event): void{
const input = event.target as HTMLInputElement
const file = input.files.item(0) || undefined
if (file){
巴拉巴拉
}
}
```

或者

```js
function readFile(event: Event): void{
const input = event.target as any
if (input instanceof HTMLInputElement){
const file = input.files.item(0) || undefined
if (file){
巴拉巴拉
}
}
}
```


大概是这样。手写的没用编辑器，有错请指正。。。

[thinkershare]

你这??? 可以不用管它, 也可以自己标记出实际的 Event 类型, 关于 Event 类型的详情可以去 MDN 查找, 或者干脆偷懒直接使用 event:any, TypeScript 为 JS 添加了 Class Type, 所有很多时候需要附加的 Type(或者说是 Interface).

[Zzzz77]

把鼠标放在变量或者相关的方法上有提示的，比如你写一个 document.addEventListener('mousemove', this.mousemoveListener) 把鼠标放 addEventListener 上就能看到相关各种参数的类型。

其实常用就那么几种，鼠标相关的、键盘相关的、文件相关的。。等等