小编Pil*_*llo的帖子

在 v-select 中更改芯片的样式和颜色

如何更改芯片的颜色和样式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)

在此处输入图片说明

如何将筹码更改为样式标签蓝色

vue.js vuejs2 vuetify.js v-select

6
推荐指数
1
解决办法
4907
查看次数

Vuejs:vuelidate条件验证

假设我们有一个密码字段,并且我们想要对长度、特殊字符、数字、大写和小写等进行一些验证,前提是该字段有值

我们如何使用 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)

vuejs2 vuetify.js vuelidate

2
推荐指数
1
解决办法
6633
查看次数

标签 统计

vuejs2 ×2

vuetify.js ×2

v-select ×1

vue.js ×1

vuelidate ×1