From eb9f5e9c1984e1f6cc107f84639e96d602f96f2a Mon Sep 17 00:00:00 2001
From: Aaron-zon <1640485761@qq.com>
Date: Sun, 10 Mar 2024 10:37:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E9=A1=B9=E7=9B=AE=E4=B8=ADjson=20?=
 =?UTF-8?q?=E7=9A=84=E6=B7=B1=E6=8B=B7=E8=B4=9D=E6=8D=A2=E6=88=90=20lodash?=
 =?UTF-8?q?-es=20=E7=9A=84cloneDeep?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/table/element-plus/index.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/table/element-plus/index.vue b/src/views/table/element-plus/index.vue
index e971fcd9..6ab8ce81 100644
--- a/src/views/table/element-plus/index.vue
+++ b/src/views/table/element-plus/index.vue
@@ -5,6 +5,7 @@ import { type CreateOrUpdateTableRequestData, type GetTableData } from "@/api/ta
 import { type FormInstance, type FormRules, ElMessage, ElMessageBox } from "element-plus"
 import { Search, Refresh, CirclePlus, Delete, Download, RefreshRight } from "@element-plus/icons-vue"
 import { usePagination } from "@/hooks/usePagination"
+import { cloneDeep } from "lodash-es"
 
 defineOptions({
   // 命名当前组件
@@ -22,7 +23,7 @@ const DEFAULT_FORM_DATA: CreateOrUpdateTableRequestData = {
 }
 const dialogVisible = ref<boolean>(false)
 const formRef = ref<FormInstance | null>(null)
-const formData = ref<CreateOrUpdateTableRequestData>(JSON.parse(JSON.stringify(DEFAULT_FORM_DATA)))
+const formData = ref<CreateOrUpdateTableRequestData>(cloneDeep(DEFAULT_FORM_DATA))
 const formRules: FormRules<CreateOrUpdateTableRequestData> = {
   username: [{ required: true, trigger: "blur", message: "请输入用户名" }],
   password: [{ required: true, trigger: "blur", message: "请输入密码" }]
@@ -45,7 +46,7 @@ const handleCreateOrUpdate = () => {
 }
 const resetForm = () => {
   formRef.value?.clearValidate()
-  formData.value = JSON.parse(JSON.stringify(DEFAULT_FORM_DATA))
+  formData.value = cloneDeep(DEFAULT_FORM_DATA)
 }
 //#endregion
 
@@ -67,7 +68,7 @@ const handleDelete = (row: GetTableData) => {
 //#region 改
 const handleUpdate = (row: GetTableData) => {
   dialogVisible.value = true
-  formData.value = JSON.parse(JSON.stringify(row))
+  formData.value = cloneDeep(row)
 }
 //#endregion