From f9e4d1b93637db9d1d609bacd42b3f15ef2f8b78 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Sat, 22 Feb 2025 12:26:07 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20:bug:=20=E4=BF=AE=E5=A4=8D=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E5=8F=82=E6=95=B0=E5=8F=98=E5=8C=96=E6=97=B6=E8=B7=A8?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=A7=A6=E5=8F=91=E8=AF=B7=E6=B1=82=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

使用 onBeforeRouteUpdate 替代普通 watch 监听路由参数
---
 src/views/system/dict/data.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/views/system/dict/data.vue b/src/views/system/dict/data.vue
index e8cf6253..591926d6 100644
--- a/src/views/system/dict/data.vue
+++ b/src/views/system/dict/data.vue
@@ -166,15 +166,6 @@ const dialog = reactive({
 
 const formData = reactive<DictDataForm>({});
 
-// 监听路由参数变化，更新字典数据
-watch(
-  () => [route.query.dictCode],
-  ([newDictCode]) => {
-    queryParams.dictCode = newDictCode as string;
-    dictCode.value = newDictCode as string;
-    handleQuery();
-  }
-);
 const computedRules = computed(() => {
   const rules: Partial<Record<string, any>> = {
     value: [{ required: true, message: "请输入字典值", trigger: "blur" }],
@@ -290,4 +281,10 @@ function handleDelete(id?: number) {
 onMounted(() => {
   handleQuery();
 });
+
+// 同一路由参数变化时更新数据
+onBeforeRouteUpdate((to) => {
+  queryParams.dictCode = to.query.dictCode as string;
+  handleQuery();
+});
 </script>