Any support Vuetify
Any support Vuetify
klymov.inekon
Posts: 27Questions: 6Answers: 0
in General
Hello. I try datatables on Vuetify - Vue Component Framework (https://vuetifyjs.com/en/). And I would like to use inner components (v-checkbox in my case) and I've met error
injection "Symbol(vuetify:defaults)" not found. at <VCheckbox model-value=true theme-dark=true >
After digging into the code, I realized that this is because datatables renders cells outside the context of Vuetify and the use of vNode. My question is whether it is possible to support third-party components not through render as html but through virtual dom.
Answers
The DataTables Vue component supports components via slots. Is that how you are attempting to use it? If you could link to a test case on StackBltiz or similar, that would be very useful.
Allan
https://stackblitz.com/edit/vitejs-vite-nrh93lrs?file=src%2FApp.vue
That's super helpful - thank you. When the Vuetify component is used the error in the console says:
I suspect the Vue plugin for DataTables would need to be modified to pass around the Vuetify instance.
There is some discussion along these sorts of lines on SO which might indicate that a new plugin would be required, but I'm not certain.
I'm afraid I don't have an immediate fix for this - I would need to spend some time working with Vuetify to understand what exactly the fix should be. I'd very warmly welcome contributions from the Vuetify community if someone is able to look into it and suggest a patch.
Allan