如何更改芯片的颜色和样式v-select?
我有这样的代码:
<v-select
v-model="value"
:items="roles"
:menu-props="{ top: true, offsetY: true }"
small-chips
label="Roles"
multiple
hint="Select the role"
persistent-hint
>
</v-select>
Run Code Online (Sandbox Code Playgroud)
如何将筹码更改为样式标签和蓝色?
假设我们有一个密码字段,并且我们想要对长度、特殊字符、数字、大写和小写等进行一些验证,前提是该字段有值
我们如何使用 vuelidate 做到这一点。
我在这里导入 vuelidate
import { required, minLength, maxLength, email, sameAs } from 'vuelidate/lib/validators'
Run Code Online (Sandbox Code Playgroud)
这里是验证
validations: {
editedItem: {
firstname: { required, minLength: minLength(3), maxLength: maxLength(20) },
lastname: { required, minLength: minLength(3), maxLength: maxLength(20) },
email: { required, email },
password: {
required,
minLength: minLength(6),
maxLength: maxLength(15),
oneNumber,
oneUpperCase,
oneLowerCase,
},
repassword: {
sameAsPassword: sameAs('password'),
},
},
}
Run Code Online (Sandbox Code Playgroud)
,
oneNumber、oneUpperCase 和 oneLowerCase 是自定义验证:
const oneNumber = (value) => /[0-9]/.test(value)
const oneUpperCase = (value) => /[A-Z]/.test(value)
const oneLowerCase …Run Code Online (Sandbox Code Playgroud)