TypeScript 爬坑指南

1、如果你使用vscode开发ts+vue项目的话，避免不了会安装Velur或者Volar。在项目中经常会ESlint检查ts中的类型，对于无法推断出的类型会报错，虽然不影响功能，但看着难受

例如：

image.png

解决 1

image.png

(checkArr.value[i]).supervisionWorkId

原因
用户自定义的类型保护
https://www.tslang.cn/docs/handbook/advanced-types.html
解决 2
定义一个接口 提前声明好这个数组有哪些字段
例如：

image.png

import { City} from "./type"
// 下拉框显示城市的数据
let options = ref([])

如果直接这样声明数组

// 下拉框显示城市的数据
let options = ref([])

则在赋值的时候类型推断失败，会提示报错

image.png

当然也可使用解决1 来临时解决

image.png

image.png

解决 3
懒人大法
// 下拉框显示城市的数据

let options = ref([])

*** 解决 4 ***

          // @ts-ignore
          params.timeStatus=serchForm.timeStatus