問題描述:
你會發現在第一次點選新增按鈕的時候然後再點選編輯按鈕,再點選新增按鈕表單是可以正常清空的。但是如果你第一次點選編輯按鈕,表單資料回顯,關閉視窗再點選新增按鈕發現編輯的資料竟然還在,就很玄乎。而且,你點選編輯其他資料再點選新增按鈕發現竟然是第一次點選編輯的資料!
第一次點選編輯使用者資料詳情:
但是編輯彈窗關閉的時候已經呼叫了表單的重置,但是不起作用,
function closeDialogClick() { accountRef.value.resetFields(); dialogVisible.value = false; }
你再次點選“新增使用者資料”彈窗的時候,編輯使用者資料的內容還在編輯的詳情資料並未初始化。
解決方法:
function editAccountData(item) { dialogVisible.value = true; title.value='編輯使用者資料' nextTick(() => { Object.assign(accountInfo.value, item) }) }
Element Plus表單呼叫resetFields方法失效
相關文章
- Element-plus 合併單元格
- element-plus隨筆
- 處理 Element Plus 告警
- Element plus 圖示使用
- Vue 3.0 + Element-Plus + RuoyiVue
- Element Plus的Pagination 元件用法元件
- Element Plus按需引入圖示
- Vue3元件(九)Vue + element-Plus + json = 動態渲染的表單控制元件VueJSON控制元件
- ElementUI Form resetFieldsUIORM
- 封裝Vue Element的form表單元件封裝VueORM元件
- QianKun 解決element ui 和 element-plus 樣式衝突UI
- Element Plus 正式版釋出啦!??
- Element-ui如何抽出公共表單驗證UI
- element-ui自定義表單校驗規則及常用表單校驗UI
- Element Plus 和 Ant Design Vue哪個好Vue
- centos7部署element-plusCentOS
- element表單驗證如何合理清除標記
- element plus下載進度增加遮罩層loading遮罩
- Vite按需匯入element-plus元件和iconVite元件
- laravel8 + vue3.0 + element-plus 搭建LaravelVue
- VNPY中開盤前掛單失效的解決方法
- 拜讀及分析Element原始碼-form表單元件篇原始碼ORM元件
- element-ui 表單校驗 Rules 配置 常用黑科技UI
- element-ui表單原始碼解析之el-inputUI原始碼
- element-ui表單原始碼解析之el-formUI原始碼ORM
- eladmin-plus V2.0.0 釋出,單錶鏈式呼叫更絲滑
- Spring事務失效的一種原因(this呼叫)Spring
- vue3 element-plus 配置json快速生成form表單元件,提升生產力近600%(已在公司使用,持續優化中)VueJSONORM元件優化
- Vscode開發第一個Vue+Element Plus示例VSCodeVue
- element-ui 通用表單封裝及VUE JSX應用UI封裝VueJS
- element-ui表單原始碼解析之el-form-itemUI原始碼ORM
- element-ui使用from表單驗證資料問題UI
- mybatis-plus分表MyBatis
- Vue3 TypeScript 使用教程 - 實戰 Vue3 element-plus 開發「待辦清單」VueTypeScript
- vue表單校驗方法Vue
- [20220117]呼叫bccalc_win.vim外掛失效.txt
- C#如何用最簡單方法呼叫Python?C#Python
- SpringBoot框架:兩個方法同時呼叫時父方法使內部方法的DataSource註解失效的解決辦法Spring Boot框架