我转过几个弯 绕过那个小雨楼
- 拿着蒲扇摆着衣衫渡着紧箍咒
- 不问天涯不停留 喝过几壶酒
- 不过年少白头道义放胸口
- 倘若明天之后 遥看前尘剑封侯
- 似那天上神仙无所求
- 朝朝暮暮君如梦醒十分不为何理由
- 是真是假是惶恐是无休
- 路过这风雨花满楼 片刻都不停留
- 我本这书生进京赶考留下许多愁
- 你问有没有时候 我叹这天道默悠悠
- 能否与我一醉方休
- 又过了几个弯 算尽天量道莫慌
- 踏这田园闻这芳草香
- 跌跌撞撞仗剑天涯折煞不枉无笔良
- 是梦是幻是温柔是家乡
- 路过这风雨花满楼 片刻都不停留
- 我本这书生进京赶考留下许多愁
- 你问有没有时候 我叹这天道默悠悠
- 能否与我一醉方休
- 路过这风雨花满楼 片刻都不停留
- 我本这书生进京赶考留下许多愁
- 你问有没有时候 我叹这天道默悠悠
- 能否与我一醉方休
- 谁能与我一醉方休
vuetify 两种表单验证方式
木灵鱼儿
295 天前vue 项目实战
822
0
0
vuetify的验证，官方好像没有多说怎么弄，只有一个单一的例子，并且是丢在数组中的，此时我们是没办法通过this拿到vue的上下文的，这样做就会导致很多自定义的办法无法做到。
这里我们就了解一下两个绑定表单验证的方法：
官方
<v-text-field v-model="user.pass" label="密码：" name="pass" type="password" :rules="rules.pass" outlined clearable></v-text-field>rules绑定一个data中的属性
data: ()=>({
user:{
pass:""
},
rules:{
pass:[
v => !!v || "密码必填",
v => v.length >= 6 || "密码不能低于6位",
v => v.search(/\s/) === -1 || "不能有空格"
]
}
})这是最基本的绑定方式，但是，假如我要做一个二次确认密码的input怎么办？
绑定自定义方法
自定义方法必须return出一个值，否则就会报错。
<v-text-field v-model="user.affirmPass" label="确认密码：" name="affirmPass" type="password" :rules="[affirmPass]" outlined clearable></v-text-field>methods:{
affirmPass(val) {
if (val !== this.user.pass) {
return "两次密码不一致";
}
return true;
},
}这样就可以了。
相对来说还是好理解的，就是绑定时候直接写个数组，数组里面放methods中的方法
0
评论(0)