Problema com máscara de telefone

[nogueiraever]

Olá,

Estou utilizando o exemplo:

<input v-mask='["(##)####-####", "(##)#####-####"]' v-model="fieldValue" type="text" :name="name" />

Ao carregar o campo em branco o componente acaba preenchendo com o início da máscara: "("

No caso, carrego vazio mas o value fica: "("

Podem me ajudar?

[neves]

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

[nogueiraever]

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>

[neves]

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

[nogueiraever]

Desculpe, utilizei apenas como exemplo,

o correto está assim:

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

[neves]

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

[nogueiraever]

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.

[neves]

Vc tentou atualizar para a versão 0.11.1?

[nogueiraever]

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

[nogueiraever]

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

[neves]

sim

[nogueiraever]

atualizei e infelizmente teve o mesmo problema.

[neves]

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

[nogueiraever]

sim, estou fazendo isso.

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

Obrigado pela ajuda.