如何通过Vuetify在Combobox组件中使用遮罩？

Question

在将输入添加到所选项目列表之前，我需要使用mask属性来验证输入。

代码：

new Vue({
  el: '#app',
  data: () => ({
    select: ''
  })
})

<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>

<div id="app">
  <v-app>
    <v-content>
      <v-container>
        <v-combobox
          v-model="select"
          label="Add 3 digit numbers"
          multiple
          chips
          mask="###"
        ></v-combobox>
      </v-container>
    </v-content>
  </v-app>
</div>

问题：

现在的结果是掩码限制输入的长度，但不限制格式，然后在添加元素时Vue引发错误

  

该值将读取为字符串，并逐个字符地进行切片。

目标：

我的目标是用户只能添加与掩码匹配的值。

谢谢。

Answer 1

将mask属性与多个属性一起使用时，Vuetify中存在错误。删除多个即可使用。