带有 Typescript 的 Vue3 -> 这个对象可能是未定义的

Posted

技术标签:

【中文标题】带有 Typescript 的 Vue3 -> 这个对象可能是未定义的【英文标题】:Vue3 with Typescript -> this object is possibly undefined 【发布时间】:2021-07-09 01:12:14 【问题描述】:

每次我在代码中使用“this”关键字时,它都会突出显示“对象可能未定义”

【问题讨论】:

【参考方案1】:

当您将数据属性定义为箭头函数时,您应该将this 作为参数传递,例如:

data:(vm)=>//vm represents this keyword
   return
      ....
      productType:vm.$route.path.slice(1).split("/")[0]
  

【讨论】:

我可以用“this”来表示这个关键字吗? 不,你不能,因为它是保留关键字

以上是关于带有 Typescript 的 Vue3 -> 这个对象可能是未定义的的主要内容,如果未能解决你的问题,请参考以下文章

vue3 类组件访问道具

将 Vue3 Typescript 转换为 Vue3 Javascript

Vue3+TypeScript完整项目上手教程

深入Vue3+TypeScript技术栈-coderwhy新课

vue3+typescript实战记录二(typescript-eslint)

Vue3都要上的TypeScript之工程实践