vuejs-tips/vue-the-mask

Vue 3 don't work

vkiranananda opened this issue · 3 comments

vkiranananda commented

Hello . Vue 3 don't work (

[Warning] [Vue warn]: Property "$createElement" was accessed during render but is not defined on instance. (21)
"
"" at <TheMask""modelValue=\"1122\"""onUpdate:modelValue=fn""mask="["+7 (###) ###-##-##"]Array (1)" ..."">""
"" at <Login""onVnodeUnmounted=fn<onVnodeUnmounted>""ref=Ref<"undefined">"">""
"" at <RouterView""key=1"">""
"" at <Taxi>"
[Warning] [Vue warn]: Property "_self" was accessed during render but is not defined on instance. (21)
"
"" at <TheMask""modelValue=\"1122\"""onUpdate:modelValue=fn""mask="["+7 (###) ###-##-##"]Array (1)0 "+7 (###) ###-##-##"Прототип Array" ..."">""
"" at <Login""onVnodeUnmounted=fn<onVnodeUnmounted>""ref=Ref<"undefined">"">""
"" at <RouterView""key=1"">""
"" at <Taxi>"
[Warning] [Vue warn]: Unhandled error during execution of render function (21)
"
"" at <TheMask""modelValue=\"1122\"""onUpdate:modelValue=fn""mask="["+7 (###) ###-##-##"]Array (1)" ..."">""
"" at <Login""onVnodeUnmounted=fn<onVnodeUnmounted>""ref=Ref<"undefined">"">""
"" at <RouterView""key=1"">""
"" at <Taxi>"
[Warning] [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next (21)
"
"" at <TheMask""modelValue=\"1122\"""onUpdate:modelValue=fn""mask="["+7 (###) ###-##-##"]Array (1)" ..."">""
"" at <Login""onVnodeUnmounted=fn<onVnodeUnmounted>""ref=Ref<"undefined">"">""
"" at <RouterView""key=1"">""
"" at <Taxi>"
[Error] Unhandled Promise Rejection: TypeError: undefined is not an object (evaluating 'e._self._c')
	logError (runtime-core.esm-bundler.js:1:4365)
	handleError (runtime-core.esm-bundler.js:324)
	callWithErrorHandling (runtime-core.esm-bundler.js:278)
	flushJobs (runtime-core.esm-bundler.js:480)
	promiseReactionJob
Manviel commented

Please try to use the directive instead of component

  • 👍1
PauloViniciusBaleeiro commented

Same problem here. I am using as directive, like @Manviel said, and it running well.

Flo2315 commented

With the directive, we lose the possibility of having the raw value. :/
No other solution to use the component mode?

Thank 🙏