gpt4 book ai didi

vue.js - 如何使用 Vuetify 在 Combobox 组件中使用掩码?

转载 作者:行者123 更新时间:2023-12-05 07:31:17 35 4
gpt4 key购买 nike

我需要使用 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 抛出错误

the value is read as string and is sliced character by character.

目标:

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

谢谢。

最佳答案

当使用 multiple 的 mask 属性时,Vuetify 中存在错误。删除多个,它将​​起作用。

关于vue.js - 如何使用 Vuetify 在 Combobox 组件中使用掩码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51903075/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com