Issues using mixins

[rs3d]

Hi,

I'm trying to create a working class component with a mixin but I'm receiving following error:

I've tried already multiple ways but can't get it to work.

Example:
https://stackblitz.com/edit/vitejs-vite-solmwi?file=src%2Fcomponents%2FHelloWorld.vue

When I remove the 'MyMixin' in L:14 it's rendering

As I understand using "experimentalDecorators": true, as tsconfig setting I don't need to wrap the default export with toNative.
Even using toNative in my example doesn't help.

[rdhelms]

Hi @rs3d - I think you have a couple different options:

1. You could change your Mixin to be exported from a .ts file instead of a .vue file and still use the extends mixins(MyMixin) method:
   • https://stackblitz.com/edit/vitejs-vite-7nvlws?file=src%2Fmixins%2FMyMixin.ts
2. You could continue exporting the Mixin from a .vue file and use @Component({ mixins: [MyMixin] }) instead:
   • https://stackblitz.com/edit/vitejs-vite-njr8rr?file=src%2Fcomponents%2FHelloWorld.vue

Do either of those options work for you?

[rs3d]

Hi @rdhelms, thanks for the helpful answer and these two ways of solving it. I'm upgrading a vue2 project, and besides my current approach of using the options-api in most cases, your answer will come in handy for some components I don't want to refactor. I wouldn't have thought that .ts-ext is helping here.

[calandnong]

这个问题解决了吗？我看目前最新版本还在报错？