最近在从头写一个vue+ts的项目，我们都知道typescript是js的一个超类。js是弱类型语言，在开发中存在一些问题。这可能也是ts这几年发展这么快的原因之一。在项目中老是遇到这个问题：

问题原因：

1.可能是属性的类型不对

2.可能是没有初始化

3.可能为undefined或者null(在ts中，这两个是单独的类型，是其他类型的子类型)

看了官网，大概有一下几种解决办法：

1.tsconfig.json配置以下设置，简单粗暴，但是超级不推荐。

{
  "compilerOptions": {
    // 严格属性初始化
    "strictPropertyInitialization": false
  }
}

 2.使用非空断言   属性后加“ ！”

@Prop() option!: String;

3.使用联合类型

@Prop() option: Object | undefined | null;

4.使用可选属性 属性后加“ ? ”

@Prop() option?: Object;

 

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue