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

Question

• 我在一个价值项目工作，我有一个组件，是一个数字输入像这样:

<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'"
/>

我遇到的问题是:当我点击输入里面，然后在它外面的占位符"写数字"消失，永远不会再显示，除非我刷新页面，有办法解决这个问题吗?谢谢你

Answer 1

您正在使用inputMask组件的placeholder属性，请参阅此处的文档。这是不同的功能，例如，占位符是用于数字的。如果你把占位符直接放在<input>标签上，它会像你期望的那样工作。