当前位置: 首页 > article >正文

验证器回调中value值没有数据

复杂的响应式,导致回调中value值没有数据,最终还是通过手动判断获取值处理

  • 原理没有搞清楚,为什么回调中value没有值
  • 背景:动态增加了form表单的字段,通过for循环处理的。对每个新增的字段还要添加字段验证其。就出现了问题
<el-form-itemv-for="(role, index) in currentProject.roleUserMappings":key="role.roleId":label="role.roleName":prop="`roleUserMappings.${index}.selectedUserId`"><el-select v-model="role.selectedUserId" multiple placeholder="请选择用户"style="width: 200px;"@change="flush"><el-optionv-for="user in role.userList":key="user.userId":label="user.userName":value="user.userId"/></el-select>
</el-form-item>
updateRoleValidationRules() {const rules = {};this.currentProject.roleUserMappings.forEach((role, index) => {console.log('userid:', `roleUserMappings.${index}.selectedUserId`);this.$set(this.rules, `roleUserMappings.${index}.selectedUserId`, [{validator: (rule, value, callback) => {// console.log('value:',value, )const selectedUsers =this.currentProject.roleUserMappings[index].selectedUserId;if (!selectedUsers || selectedUsers.length === 0) {console.log('未选择用户')callback(new Error(`${role.roleName}必须选择用户`))// callback()} else {console.log('校验通过')callback()}},trigger: ['change', 'blur']}]);});}
  • 修改了这里。获取值做了判断,没有用value
 const selectedUsers =this.currentProject.roleUserMappings[index].selectedUserId;if (!selectedUsers || selectedUsers.length === 0) {

在这里插入图片描述

http://www.lryc.cn/news/2379762.html

相关文章:

  • Python | 需求预测模型
  • 双指针算法:原理与应用详解
  • 打造灵感投掷器:我的「IdeaDice」开发记录
  • 2025ICPC邀请赛南昌游记
  • python重庆旅游系统-旅游攻略
  • MySQL企业版免费开启,强先体验
  • 从纸质契约到智能契约:AI如何改写信任规则与商业效率?​——从智能合约到监管科技,一场颠覆传统商业逻辑的技术革命
  • 常见的 HTTP 接口(请求方法)
  • iOS 抓包实战:从 Charles 到Sniffmaster 的日常工具对比与使用经验
  • Lodash isEqual 方法源码实现分析
  • Qt Widgets模块功能详细说明,基本控件:QCheckBox(三)
  • 第四天的尝试
  • 【git进阶】git rebase(变基)
  • WPS中代码段的识别方法及JS宏实现
  • 小米MUJIA智能音频眼镜来袭
  • 【神经网络与深度学习】GAN 生成对抗训练模型在实际训练中很容易判别器收敛,生成器发散
  • 基于SpringBoot的家政预约系统
  • [服务器备份教程] Rclone实战:自动备份数据到阿里云OSS/腾讯云COS等对象存储
  • 使用 Whisper 生成视频字幕:从提取音频到批量处理
  • Axure难点解决分享:垂直菜单展开与收回(4大核心问题与专家级解决方案)
  • Linux:网络层的重要协议或技术
  • 【Hadoop 实战】Yarn 模式上传 HDFS 卡顿时 “No Route to Host“ 错误深度解析与解决方案
  • JAVA请求vllm的api服务报错Unsupported upgrade request、 Invalid HTTP request received.
  • 基于 CSS Grid 的网页,拆解页面整体布局结构
  • 华为云Astro轻应用创建业务对象(BO)的概念梳理
  • 利用systemd启动部署在服务器上的web应用
  • ArkUI Tab组件开发深度解析与应用指南
  • psotgresql18 源码编译安装
  • 虚幻引擎5-Unreal Engine笔记之Pawn与胶囊体的关系
  • python创建flask项目