首页 VueJS Vue 3.0自定义表单验证规则

Vue 3.0自定义表单验证规则

作者:胡同里的砖头 围观群众:308 更新于:2022-06-21

在规则代码之前声明规则方法(一般3.0声明在state之前)

const validateprice = (rule, value, callback) => {
if (value < form.jinprice) {
callback(new Error('销售价不能小于进货价!'))
} else {
callback()
}
}
然后在规则里面写入
 rules: {
sellprice: [
{
required: true,
trigger: 'blur',
message: '请输入销售价',
type: 'number',
},
{ required: true, validator: validateprice, trigger: 'blur' },// 通过validator属性指定自定义规则的变量名
],
},

  • 本文标题: Vue 3.0自定义表单验证规则
  • 文章分类:【VueJS】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8