問題描述:
你會發現在第一次點選新增按鈕的時候然後再點選編輯按鈕,再點選新增按鈕表單是可以正常清空的。但是如果你第一次點選編輯按鈕,表單資料回顯,關閉視窗再點選新增按鈕發現編輯的資料竟然還在,就很玄乎。而且,你點選編輯其他資料再點選新增按鈕發現竟然是第一次點選編輯的資料!
第一次點選編輯使用者資料詳情:
但是編輯彈窗關閉的時候已經呼叫了表單的重置,但是不起作用,
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隨筆
- ElementUI Form resetFieldsUIORM
- SQLPLUS生成HTML表單SQLHTML
- 封裝Vue Element的form表單元件封裝VueORM元件
- Vue 3.0 + Element-Plus + RuoyiVue
- oracle 表遷移方法 (二) 約束不失效Oracle
- Vue3元件(九)Vue + element-Plus + json = 動態渲染的表單控制元件VueJSON控制元件
- Element-ui如何抽出公共表單驗證UI
- element-ui自定義表單校驗規則及常用表單校驗UI
- Element Plus 正式版釋出啦!??
- QianKun 解決element ui 和 element-plus 樣式衝突UI
- element-ui 表單校驗 Rules 配置 常用黑科技UI
- element-ui表單原始碼解析之el-formUI原始碼ORM
- element-ui表單原始碼解析之el-inputUI原始碼
- 拜讀及分析Element原始碼-form表單元件篇原始碼ORM元件
- Element Plus的Pagination 元件用法元件
- VNPY中開盤前掛單失效的解決方法
- element-ui表單原始碼解析之el-form-itemUI原始碼ORM
- element-ui使用from表單驗證資料問題UI
- laravel8 + vue3.0 + element-plus 搭建LaravelVue
- Element Plus 和 Ant Design Vue哪個好Vue
- Vue+element中Tree樹形控制元件資料失效~Vue控制元件
- vue表單校驗方法Vue
- PHP獲取表單方法PHP
- element-ui 通用表單封裝及VUE JSX應用UI封裝VueJS
- Vue Element-ui表單校驗規則,你掌握了哪些?VueUI
- shell裡呼叫sqlplus 使用不同linesize 對比表現SQL
- Spring事務失效的一種原因(this呼叫)Spring
- Vite按需匯入element-plus元件和iconVite元件
- vue3 element-plus 配置json快速生成form表單元件,提升生產力近600%(已在公司使用,持續優化中)VueJSONORM元件優化
- vue+element-ui el-table元件內表單驗證問題VueUI元件
- 基於element-ui實現的vue版的動態表單UIVue
- element-ui的----el-form表單校驗巢狀表單校驗(表單多層巢狀)+el-table和el-form巢狀使用表單校驗UIORM巢狀
- Vue3 TypeScript 使用教程 - 實戰 Vue3 element-plus 開發「待辦清單」VueTypeScript
- js-動態表單校驗-吐血總結最近遇到的變態表單校驗2---element+原生JS
- form表單的元素及方法ORM
- html表單的使用方法HTML