如何在 Vuetify 中进行屏蔽输入？

Question

输入掩码在 Vuetify 2.x 中不再起作用。我想知道是否有任何解决方案可以为 v-input-text 制作掩码？知道我该怎么做吗？

Answer 1

Vuetify 掩码从 2.0 版开始完全删除。找回掩码的唯一方法是查看第三方库。

例如，这样使用v-mask：

在您的 ma​​in.js 中，您可以放置​​：

import { VueMaskDirective } from 'v-mask'
Vue.directive('mask', VueMaskDirective);

在你的组件中：

...
<v-text-field
  v-model="loginItem.phone"
  v-mask="'(###) ###-####'"
></v-text-field>
...

您也可以使用vue-the-mask。这个库也是有效的，但不再由作者维护。