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

原创于 2020-06-10 17:28:44 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #typescript #vue

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)]
   );