小编Alm*_*nov的帖子

将 Maska 输入掩码与 Vuetify 3 文本字段结合使用

我正在使用 Vuetify 3 和Maska,它提供输入值的屏蔽。我需要为电话号码设置掩码v-text-field

\n

该文档描述了它如何与常规 HTML 输入元素配合使用,但我需要将掩码放在 Vuetify 组件上v-text-field。怎么做?

\n

我试过:

\n
  <v-text-field\n    label="\xd0\xa2\xd0\xb5\xd0\xbb\xd0\xb5\xd1\x84\xd0\xbe\xd0\xbd"\n    variant="solo"\n    class="mt-3"\n    clearable\n    v-maska data-maska="+7(###)-###-##-##"\n    v-model="form.phone"\n    :error-messages="v$.form.phone.$errors.map(e => e.$message)"  \n  ></v-text-field>\n
Run Code Online (Sandbox Code Playgroud)\n

但它不起作用。我已通过以下方式注册了该指令:

\n
directives: { maska: vMaska }\n
Run Code Online (Sandbox Code Playgroud)\n

javascript vue.js vuetify.js

2
推荐指数
1
解决办法
4944
查看次数

标签 统计

javascript ×1

vue.js ×1

vuetify.js ×1