Vue.js inputmask 在点击外部输入后隐藏占位符

Vue.js inputmask hide placeholder after clicking outside input

我正在开发一个 vue 项目，我有一个组件是数字输入，如下所示：

<template>
   <input
      v-regex="regex"
      type="text"
   />
</template>

v-regex 指令是使用输入掩码创建的，如下所示：

Vue.directive('regex', {
         bind(element, binding) {
            inputMask({
               regex: binding.value,
               placeholder: '',
               showMaskOnHover: false,
               showMaskOnFocus: false,
               clearMaskOnLostFocus: false,
            }).mask(element)
         },
      })

-组件在这样的表单中使用：

<myComponent
 id="myId"
 class="my-class"
 :placeholder="'write Number'"
/>

我遇到的问题是：当我在输入内部单击然后在输入外部单击时，占位符“写入数字”消失并且不再显示，除非我刷新页面，有没有办法解决这个问题？谢谢

您正在使用 inputMask 组件 placeholder 属性 see documentation here。这是不同的功能，例如，占位符用于数字。如果您将该占位符直接放在 <input> 标签上，它会像您期望的那样工作。