vue typescript render 函数中使用this找不到属性的问题

qutin0902

于 2020-06-10 17:28:44 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： javascript typescript vue

本文链接：https://blog.youkuaiyun.com/qutin0902/article/details/106671439

vue 专栏收录该内容

1 篇文章

订阅专栏

在VUE结合TYPESCRIPT及TSX的开发环境中，使用render方法时，调用this属性会遇到类型错误。本文介绍了解决方案，即在render函数后声明返回类型为VNode。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于VUE 在TYPESCRIPT环境下，在使用TSX开发中，render 方法中使用this找不到属性的问题

Property ‘xxxx’ does not exist on type ‘CombinedVueInstance<Vue, unknown, unknown, unknown, Readonly<{ dark: boolean; light: boolean; }>>’.
在render 函数中，调用 this找不到属性会抛出以上错误，
解决方法是在render函数后加是返回类型vnode：

render(h): VNode {
   return h("div",
     {
       attrs: { id: "app" },
       class: {
         "v-app": true,
         ...this.themeClasses
       }
     },
     [h("div", { staticClass: "v-app-wrap" }, this.$slots.default)]
   );