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

vue3 el-dialog新增弹窗,不希望一进去就校验名称没有填写

就是在进入弹窗时、点击关闭/取消按钮时等情况清空该表单校验,在失去焦点或者点击确定/提交按钮的时候再去校验。这里默认已经写好了在失去焦点或者点击确定/提交按钮的时候的校验逻辑。

解决步骤:

一、定义清空表单校验方法

    // 清空表单校验const clearDialogValidate = () => {setTimeout(() => {proxy.$refs["dataSourceRuleForm"].clearValidate();}, 0)}

二、进入弹窗时清空一下表单校验

onMounted(() => {... ...// 进入弹窗时清空一下表单校验
++      clearDialogValidate();});

三、关闭弹窗时,清空一下表单校验

    // 关闭弹窗时,清空一下表单校验const close = () => {emit("close");
++    clearDialogValidate();	// 清空表单校验
++    XXX.value.Name = '';		// 关闭弹窗时,清空一下填写的名称,避免再次进新增窗口回显};

四、 监听到进入新增/编辑弹窗时,也清空一下名称的表单校验

// 监听 OBJECT_ID 的变化 (也就是重复进入新增/编辑弹窗时,根据这个ID可以去监听到)
watch(() => props.OBJECT_ID,(newValue) => {
++      clearDialogValidate();	// 再次进入弹窗时,继续清空表单校验if (newValue) {operationType = ObjectOperationType.Modify;loading.value = true;getData();getObjectVersion();getPfsTablesData();} else {operationType = ObjectOperationType.Add;XXX.value.Name = '';}});
http://www.xdnf.cn/news/1279.html

相关文章:

  • SQL刷题记录贴
  • Oracle测试题目及笔记(单选)
  • 赛灵思 XCVU3P‑2FFVC1517I XilinxFPGA Virtex UltraScale+
  • AI在市场营销分析中的核心应用及价值,分场景详细说明
  • 【创新实训个人博客】前端实现
  • 【运维学习】lvs + keepalived + 主从dns 项目搭建
  • Valgrind的使用复习
  • 更换 CentOS 7.9 的系统源
  • 【软考-系统架构设计师】ATAM方法及效用树
  • 【python】pyCharm常用快捷键使用-(2)
  • C++入门基础:命名空间,缺省参数,函数重载,输入输出
  • blender 录课键位显示插件(图文傻瓜式安装)
  • .net core 项目快速接入Coze智能体-开箱即用-全局说明
  • 数据结构之BFS广度优先算法(腐烂的苹果)
  • ARINC818-1协议
  • visual Studio+Qt插件检查内存泄漏
  • Azure 私有端点和存储帐户用例
  • 基于springboot医药连锁店管理系统(源码+lw+部署文档+讲解),源码可白嫖!
  • 【论文精读】COLMAP-Free 3D Gaussian Splatting
  • vue入门:路由 router
  • [GESP202409 二级] 小杨的 N 字矩阵 题解
  • 《如何用 Function 实现动态配置驱动的处理器注册机制?》
  • Ubuntu多用户VNC远程桌面环境搭建:从零开始的完整指南
  • 多路由器通过三层交换机互相通讯(单臂路由+静态路由+默认路由版),通过三层交换机让pc端相互通讯
  • C++之类模板
  • 定制化突围:遨游防爆手机的差异化竞争策略
  • 实战|使用环信Flutter SDK构建鸿蒙HarmonyOS应用及推送配置
  • vue MarkdownIt标签多出了<p>标签导致高度变丑
  • 前端路由缓存实现
  • ServletContextAttributeListener 的用法笔记250417