有谁知道如何对每个芯片项目进行验证(使用 vee-validate)?
我有这段代码:
<v-select
class="elevation-0 mt-border-bottom"
v-model="PhoneNumber"
label="Add phone number"
chips
tags
solo
prepend-icon="phone"
clearable
:error-messages="errors.collect('Phone Number')"
v-validate="'required|numeric'"
data-vv-name="Phone Number"
required
>
<template slot="selection" slot-scope="data">
<v-chip
close
outline
dark
@input="remove(data.item)"
:selected="data.selected"
>
<strong>{{ data.item }}</strong>
</v-chip>
</template>
</v-select>
<script>
export default {
data () {
return {
PhoneNumber: []
}
},
methods: {
async submitNewNumber () {
await this.$validator.validateAll().then((isValid) => {
if (isValid) {
console.log('submitted')
} else {
return false
}
})
}
}
}
</script>
现在验证仅在整个电话号码输入上进行。我想知道如何让它在每个芯片上工作,在这个输入中将 min_value 设置为 9,将 max_value 设置为 15。
Vuetify - 芯片使用:https ://vuetifyjs.com/en/components/chips
Vuetify - Vee 验证:https ://vuetifyjs.com/en/components/forms#example-vee-validate
Vee-validate - 验证规则:https ://baianat.github.io/vee-validate/guide/rules.html
谢谢