vue中使用自定义校验规则，如何动态传递参数？

最新推荐文章于 2024-01-22 16:17:11 发布
最新推荐文章于 2024-01-22 16:17:11 发布
阅读量1.2k 收藏
点赞数
分类专栏： VUE开发中遇到的问题 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ICanWin_lll/article/details/119910915
版权

在做项目的过程中，遇到自定义的校验规则传入的参数需要根据用户的选择和后端的返回结果动态修改，解决方法是：

在监听到用户操作之后，this.$set(this.rules.xxx.xx),利用$set修改传入的参数

ICanWin_lll
关注
专栏目录
[js]vee-validate自定义告警信息和自定义规则
jameskaron的专栏
09-04 1108
https://vee-validate.logaretm.com/v2/guide/rules.html#date-format-params 本身框架自带很多验证,但是如果想自定义规则或者国际化,就需要一些自定义操作 1. 在页面的组件引用: 2. 在vue的js类里添加规则: 注意,有些规则不需要写promise回调,有些不写的话会报错: Cannot read property 'then' of undefined 换成上面promise的写法即可 例如decimal这类
Django+Vue+ElementUI父子组件参数传递?子组件数据变化兄弟组件实现联动?多个表单同时校验?内置事件添加自定义回调参数?等问题的解决办法
qq_39619888的博客
07-13 328
本笔记主要记录在前后端分离模式的开发过程中遇到的一些问题,以及对应的解决办法。可能会比较入门，但在本人接手的项目中已经足够使用。包括了父子组件参数值传递、兄弟组件的跳转、同一个页面多个表单同时验证等问题。每个问题对应的解决思路以及解决办法会相对详细。尽可能让大家只看文字就能知道如何解决问题。而不像其他一些笔记，只给出部分代码，甚至直接照搬还用不起来或者不知道怎么使用。所以有对应问题的可以从目录直接跳转
vue+elementUI项目实现自定义校验规则的传参复用性
u012443286的博客
04-04 9046
vue+elementUI项目的表单校验可以复用吗？
iview自定义表单校验规则
韩大璐
05-14 3040
export default { data () { return { rules: { NodeNameCH: [ {required: true, message: '中文名称不能为空', trigger: 'blur'}, {validator:(rule, value, cb)=>{this.isNodeNameExist(value, cb)}, trigger: '.
【Vue】组件间传值及传值校验
看花容易绣花难
09-07 1143
组件间传值及传值校验
[Vue]vee-validate的使用——自定义校验规则及校验message
weixin_30423977的博客
09-04 1821
1.安装vee-validate npm install vee-validate --save 2.main.js里引用vee-validate插件 import Vue from 'vue' import VeeValidate,{ Validator } from 'vee-validate' Vue.use(VeeValidate); n...
element表单内嵌表格，table多行数据自定义校验以及自定义传参
卡卡罗特的博客
09-16 1040
element表单多行数据自定义校验以及自定义传参
vue3自定义表单校验规则
05-27
3. 最后，在组件中使用 `watch` 监听表单控件的值变化，并在自定义校验函数中调用 `this.$emit` 触发一个自定义事件（例如 `validate`），以便在父组件中处理校验结果： ```javascript export default { data() {...
Vue 组件参数校验与非props特性的方法
12-29
子组件接收父组件的参数的时候，...你父组件向子组件传递的内容，子组件有权对这个内容进行一些约束，这个约束我们可以把它叫做参数的校验。 <child content=hello></child> Vue.component('child',{ props: ['
vue：element-ui表单动态验证规则
最新发布
coinisi_li的博客
01-22 6453
实现当是否发送消息选择是时，业务类型字段必填。
vue2、3复习01-对props校验，自定义事件，自定义事件传参，组件上的v-model，watch侦听器，侦听器的immediate、deep选项，侦听对象中单个属性的变化
weixin_43745804的博客
11-12 813
1、对props校验 使用validator函数进行校验 props:{ name:String, age:[Number,String], address:String, count:{ type:Number, require:true, default:100 }, type:{ validator(value){ return ['success
关于表单中rules传参的问题
qq_39162196的博客
08-04 723
类似下图，要求名字为张三的不校验，就需要将遍历的那一行数据作为参数传递到rules里面，之前在网上找了好久也没找到这个办法，可能对大家来说太初级了吧，此处做一个记录。多行的重复性添加的那种表单，同一个字段，再根据同行中另外的变量需要做区分校验，之前没有遇到过，本次书写做一个记录。最近做了一个系统，表单很多，校验也比较多，写的头昏脑胀。...
vue传参跳转
战场战魁
12-01 202
递四方速递
vue 中表单自定义校验规则
aichixiangcaia的博客
10-26 1100
1.给表单元素绑定:rules和:model 2.定义简单校验规则 在data里面定义rules属性 3,给每一个需要验证的表单项绑定简单校验规则 prop(prop 千万不要写在el-input中) 4.由于简单的校验规则不满足实际需求,所以需要自定义校验规则 //自定义校验 标识名称 const validName = (rule, value, callback) => { // 添加时的校验： 名字不能取子元素的名字 let existNam.
element+中表单项rules传递自定义参数
ZT_KEBEI的博客
12-25 641
【代码】element+中表单项rules传递自定义参数。
框架技术 ----Vue的props验证和自定义事件
a23452的博客
03-13 3407
Vue框架 内容管理props验证对象类型的pros结点props验证计算属性 computed计算属性 --- 方法计算属性案例自定义事件自定义事件使用步骤声明自定义事件 emits触发自定义事件 this.$emits('name')父组件监听自定义事件自定义事件传参组件的v-model组件上使用v-model父传子子传父任务列表案例 Vue3基础：组件化开发 前面简单介绍了组件化的思想和SPA，组件的注册，还有组件的style和css等的绑定，而关于深度的组件化的概念： 比如计算属性，props
Vue2.x ElementUI form表单中validate传参问题
xuefeng11111的博客
01-07 3851
背景 对于form表单自定义校验，其实有的时候我们可以进行复用，从而避免重复代码 参考了一下网上的方法，大致有以下两种方法 方法1：通过自定义函数传参(推荐) 代码示例 html代码 <template> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" > .
【rules表单自定义验证validator方法，传递其他更多参数】
u012632105的博客
10-19 770
elementUI的rules表单自定义验证validator方法，传递其他更多参数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值