search

vuejs-tips / vue-the-mask

Tiny (<2k gzipped) and dependency free mask input for Vue.js
https://vuejs-tips.github.io/vue-the-mask/
1.72k stars 212 forks source link

Vue 3 don't work #166

Open vkiranananda opened 3 years ago

vkiranananda commented 3 years ago

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 3 years ago

Please try to use the directive instead of component

PauloViniciusBaleeiro commented 3 years ago

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

Flo2315 commented 3 years ago

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

Thank 🙏