1、如果你使用vscode开发ts+vue项目的话，避免不了会安装Velur或者Volar。在项目中经常会ESlint检查ts中的类型，对于无法推断出的类型会报错，虽然不影响功能，但看着难受
例如：
image.png
解决 1
image.png
(<any>checkArr.value[i]).supervisionWorkId
原因
用户自定义的类型保护
https://www.tslang.cn/docs/handbook/advanced-types.html
解决 2
定义一个接口 提前声明好这个数组有哪些字段
例如：
image.png
import { City} from "./type"
// 下拉框显示城市的数据
let options = ref<City[]>([])
如果直接这样声明数组
// 下拉框显示城市的数据
let options = ref([])
则在赋值的时候类型推断失败，会提示报错
image.png
当然也可使用解决1 来临时解决
image.png
image.png
解决 3
懒人大法
// 下拉框显示城市的数据
let options = ref<any[]>([])
*** 解决 4 ***
// @ts-ignore
params.timeStatus=serchForm.timeStatus
网友评论