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

Question

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

Answer 1

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

例如，以这种方式使用v-mask：

在你的main.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。这个库也有效，但不再由作者维护。