在Vuetify中创建自定义文本字段输入蒙版

时间:2018-08-23 15:26:55

标签: vue.js vuetify.js

我正在寻找在Vuetify材质框架中创建自定义蒙版的方法。给出的示例是这样的:

<template>
  <v-card>
    <v-card-text>
      <v-text-field v-model="mask" label="Mask"></v-text-field>
    </v-card-text>
    <v-card-text>
      <v-text-field :mask="mask" v-model="value" label="Value"></v-text-field>
    </v-card-text>
  </v-card>
</template>

<script>
  export default {
    data: () => ({
      mask: 'credit-card',
    })
  }
</script>

因此,在'credit-card'掩码的某处定义了。但是,假设我要用定制的蒙版替换它...以匹配非常合适的正则表达式...

我的自定义表达式还将包含不能更改的值,例如,我需要字母“ X”,后跟任何字母字母(仅大写),后跟“ -AW-”,后跟任意6个数字...因此请遵循以下这样的 Veutified 掩蔽模式:

"X" A -"AW"- ######

位置:

A   Any capital letter
#   Any digit

有人知道理论上该怎么做吗?

0 个答案:

没有答案