在将输入添加到所选项目列表之前,我需要使用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引发错误
该值将读取为字符串,并逐个字符地进行切片。
目标:
我的目标是用户只能添加与掩码匹配的值。
谢谢。
答案 0 :(得分:0)
将mask属性与多个属性一起使用时,Vuetify中存在错误。删除多个即可使用。