Element Plus表單呼叫resetFields方法失效

好久不见-库克發表於2024-08-21

問題描述:
你會發現在第一次點選新增按鈕的時候然後再點選編輯按鈕,再點選新增按鈕表單是可以正常清空的。但是如果你第一次點選編輯按鈕,表單資料回顯,關閉視窗再點選新增按鈕發現編輯的資料竟然還在,就很玄乎。而且,你點選編輯其他資料再點選新增按鈕發現竟然是第一次點選編輯的資料!
第一次點選編輯使用者資料詳情:

但是編輯彈窗關閉的時候已經呼叫了表單的重置,但是不起作用,
function closeDialogClick() { accountRef.value.resetFields(); dialogVisible.value = false; }
你再次點選“新增使用者資料”彈窗的時候,編輯使用者資料的內容還在編輯的詳情資料並未初始化。
解決方法:
function editAccountData(item) { dialogVisible.value = true; title.value='編輯使用者資料' nextTick(() => { Object.assign(accountInfo.value, item) }) }

相關文章