Queria usar uma mascara em alguns inputs componentizados, mas a mesma não funciona, segue os respectivos trechos de código: no main.js temos:
import VueMask from 'v-mask'
Vue.use(VueMask);
no meu componente, tenho:
<input class="form-control input floating-input"
@input="$emit('input',$event.target.value)"
:value="value"
v-bind="$attrs"
:type="tipo"
v-mask = mask
:placeholder="placeholder" />
e nas props:
mask: {
required: false,
type: String
}
e finalmente quando tento usar esse componente com a tal mascara:
<my-input tipo="text" placeholder=" " label="Telefone"
mask="(##) ####-####"
v-model="empresa.phone"
v-validate="'required'"
data-vv-name='tel'>
</my-input>
Estranhamente não acontece nada, sem erros no console, a mascara apenas não é aplicada.