Problema com máscara de telefone about vue-the-mask HOT 13 CLOSED

Não consegui reproduzir o erro: https://jsfiddle.net/r8cL3msn/45/

from vue-the-mask.

Eu criei um componente chamado textbox, que utiliza a diretiva,

esse componente textbox está sendo chamado dentro do meu componente principal.
Ex:

meu html:
<Home></Home>

Conteúdo do componente Home:

<template>
     <div class="row">
                <div class="col-xs-6">
                    <textbox name="Nome" label="Nome"  v-model="modelField.Nome"></textbox>
                </div>
     </div>
</template>

from vue-the-mask.

modelField.Nome contém um Nome? Porque vc iria querer mascarar um nome?

from vue-the-mask.

Desculpe, utilizei apenas como exemplo,

o correto está assim:

<phonebox name="Telefone" label="Telefone" v-model="modelField.Telefone"></phonebox>

from vue-the-mask.

O que pode estar acontecendo é o telefone não estar vazio, estar com algum caracter, mesmo que seja o espaço.

from vue-the-mask.

isso eu já conferi, inclusive forcei o valor vazio,
e mesmo assim continua.

Fiz um "Workaround" para resolver por enquanto:

watch: {
        fieldValue(value) {
            if (value == "(") {
               this.fieldValue="";
            }
        }
    }

Mas gostaria de descobrir o porque disso.

from vue-the-mask.

Vc tentou atualizar para a versão 0.11.1?

from vue-the-mask.

não,
estou nessa: 0.11.0-alpha.2

from vue-the-mask.

posso apenas trocar para 0.11.1 no package.json e rodar npm install que ele atualiza?

from vue-the-mask.

sim

from vue-the-mask.

atualizei e infelizmente teve o mesmo problema.

from vue-the-mask.

Vc vai precisar ir simplificando seu componente até achar o problema.

from vue-the-mask.

sim, estou fazendo isso.

eu estou usando o veevalidate,
mas já tirei todo ele e o problema continua.

Obrigado pela ajuda.

from vue-the-mask.