首页 > 其他分享 >Element Plus表单调用resetFields方法失效

Element Plus表单调用resetFields方法失效

时间:2024-08-21 16:26:51浏览次数:13  
标签:resetFields value Element 编辑 点击 Plus 按钮 表单 数据

问题描述:
你会发现在第一次点击新增按钮的时候然后再点击编辑按钮,再点击新增按钮表单是可以正常清空的。但是如果你第一次点击编辑按钮,表单数据回显,关闭窗口再点击新增按钮发现编辑的数据竟然还在,就很玄乎。而且,你点击编辑其他数据再点击新增按钮发现竟然是第一次点击编辑的数据!
第一次点击编辑用户数据详情:

但是编辑弹窗关闭的时候已经调用了表单的重置,但是不起作用,
function closeDialogClick() { accountRef.value.resetFields(); dialogVisible.value = false; }
你再次点击“新增用户数据”弹窗的时候,编辑用户数据的内容还在编辑的详情数据并未初始化。
解决方法:
function editAccountData(item) { dialogVisible.value = true; title.value='编辑用户数据' nextTick(() => { Object.assign(accountInfo.value, item) }) }

标签:resetFields,value,Element,编辑,点击,Plus,按钮,表单,数据
From: https://www.cnblogs.com/duocaishijie/p/18371940

相关文章

  • Element-ui table进阶使用
    最近项目有多个报表开发的需求,我采用的是凤翎前端组件框架(基于element-ui开发),大伙可以直接参考element-ui组件库文档,把标签中的fks替换为el即可。下面我会按顺序一一展开细说这些需求:1、有多级表头,合并单元格如下图所示,降雨量是顶级表头,下面是二三级表头,最后才是表身部分。多......
  • HTML5引入element
    <!DOCTYPEhtml><html><head><metacharset="UTF-8"><!--importCSS--><linkrel="stylesheet"href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css"></......
  • DuoPlus:最新功能更新,为用户提高效率!
    DuoPlus本次迎来几个功能更新,我们收集用户反馈,从用户角度出发优化云手机性能体验,以下主要是本次更新的几个内容:功能更新一览:·ROOT功能云手机支持一键ROOT·分组功能方便用户和团队管理所有的云手机·线路选择可以选择切换云手机视频推流线路·一键新机同时变更代理......
  • Elementui-Plus动态渲染图标icon
    一、在main.ts引入相关依赖:import*asElementPlusIconsVuefrom'@element-plus/icons-vue'for(const[key,component]ofObject.entries(ElementPlusIconsVue)){app.component(key,component)}二、使用component组件进行动态加载<componentclass="icons&qu......
  • [20240818]测试21c下sqlplus show recyclebin的小问题2.txt
    [20240818]测试21c下sqlplusshowrecyclebin的小问题2.txt--//以前测试过,链接[20210722]sqlplus下showrecycebin的小问题.txt--//注:recycebin拼写错误应该是recyclebin.--//这个问题当时也是浪费了大量实际,我记忆遇到问题时是上午,执行showrecyclebin;[注空格+;],linux......
  • Element Plus 应用和router应用
    1.ElementPlus折叠按钮的应用el-menu组件为最初框架el-menu-item子框架按钮键el-sub-menu折叠按钮.el-menu--horizontal>.el-menu-item:nth-child(7){margin-right:auto;}位置样式constactiveIndex=ref('1')使用索引main.js中引用全局ElementPlus引用包......
  • MapStruct-plus cannot find converter from
     废话不多,直接上1错误:cannotfindconverterfrom 2描述我的情况我的项目分为2块,一块是接口,一块是实现API接口(kintech-api-bo):其中dto,req,res包含了@AutoMapper 实现(kintech-bo): 3问题当我的其他模块(kintech-crm),引用了kintech-api-bo时,调用如下语句就会报错......
  • elementUI Steps 步骤条样式修改
    1.修改前的效果2.修改后的效果2.实现代码<template><el-steps:active="active"align-center><templatev-for="iteminarrData"><el-step:key="item.id":title="item.name":class=&......
  • Mybatis-Plus中的@TableName 和 table-prefix
    简介本文介绍Mybatis-Plus中的@TableName和table-prefix的使用。介绍在MyBatis-Plus中,@TableName注解和table-prefix配置都可以用来指定表名,但它们的作用方式略有不同。table-prefix配置table-prefix是一个全局配置,它会自动在所有表名前添加指定的前缀,这个配置对于......
  • 关于c++使用toml plusplus(俗称toml++)的使用(4)
    链接toml++-githubtoml++-帮助文档使用要求:c++17及以上版本toml语法-英文toml语法-中文toml读取参见官方给出的范例toml写入目标:表嵌套子表数组的写入比如:文件内容[NET_INTERFACE]bool=falsebool_arr=[false,false]complex_arr......