diff --git a/src/views/desktop/app/AppSettingsPage.vue b/src/views/desktop/app/AppSettingsPage.vue
index bb9d3ff8..bb5e6f82 100644
--- a/src/views/desktop/app/AppSettingsPage.vue
+++ b/src/views/desktop/app/AppSettingsPage.vue
@@ -82,8 +82,8 @@ const pushRouter = (tab: string) => {
 };
 
 onBeforeRouteUpdate((to) => {
-    if (to.query && to.query.tab && ALL_TABS.indexOf(to.query.tab) >= 0) {
-        activeTab.value = to.query.tab;
+    if (to.query && to.query['tab'] && ALL_TABS.indexOf(to.query['tab'] as string) >= 0) {
+        activeTab.value = to.query['tab'] as string;
     } else {
         activeTab.value = 'basicSetting';
     }
diff --git a/src/views/desktop/user/UserSettingsPage.vue b/src/views/desktop/user/UserSettingsPage.vue
index 2a5bf575..10d53925 100644
--- a/src/views/desktop/user/UserSettingsPage.vue
+++ b/src/views/desktop/user/UserSettingsPage.vue
@@ -98,8 +98,8 @@ const pushRouter = (tab: string) => {
 };
 
 onBeforeRouteUpdate((to) => {
-    if (to.query && to.query.tab && ALL_TABS.indexOf(to.query.tab) >= 0) {
-        activeTab.value = to.query.tab;
+    if (to.query && to.query['tab'] && ALL_TABS.indexOf(to.query['tab'] as string) >= 0) {
+        activeTab.value = to.query['tab'] as string;
     } else {
         activeTab.value = 'basicSetting';
     }