<template> <input v-regex="regex" type="text" /> </template> Vue.directive('regex', { bind(element, binding) { inputMask({ regex: binding.value, placeholder: '', showMaskOnHover: false, showMaskOnFocus: false, clearMaskOnLostFocus: false, }).mask(element) }, })-y el componente se usa dentro de un formulario como este:
<myComponent id="myId" class="my-class" :placeholder="'write Number'" />el problema que tengo es: cuando hago clic dentro de la entrada y luego fuera de ella, el marcador de posición "escribir número" desaparece y nunca se vuelve a mostrar a menos que actualice la página, ¿hay alguna manera de solucionarlo? gracias
Está utilizando la propiedad de placeholder de posición del componente inputMask, consulte la documentación aquí . Esta es una funcionalidad diferente, ese marcador de posición es para dígitos, por ejemplo. Si coloca ese marcador de posición directamente en la etiqueta <input> , funcionará como espera que funcione.