How to dynamically use a Vuetify component in vue-cli project

Question

I'm experiencing a problem in my vue-cli created application. The following does not work:

<component :is="'v-text-field'"></component>

However a simple <v-text-field /> works great

The error is:

Unknown custom element: <v-text-field> - did you register the component correctly?

Does someone knows why? I can't reproduce it on codepen

Hammerbot · Accepted Answer · 2018-12-28 16:29:29Z

16

Are you using vuetify-loader with tree-shaking? If so, you may just want to import {VTextField} from 'vuetify/lib' and add components: { VTextField }

edited Dec 28, 2018 at 16:29

Hammerbot

16.5k13 gold badges67 silver badges109 bronze badges

answered Dec 27, 2018 at 22:49

Jackson Miller

1,5101 gold badge13 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Király István Over a year ago

Is there a way to make all components available? Especially the ones already in use?

Collectives™ on Stack Overflow

How to dynamically use a Vuetify component in vue-cli project

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related