fixed: #1102

Author: piexlmax

web/src/pinia/modules/user.js

@@ -122,7 +122,7 @@ export const useUserStore = defineStore('user', () => {
     return userInfo.activeColor
   })
 
-  watch(token, () => {
+  watch(() => token.value, () => {
     window.localStorage.setItem('token', token.value)
   })
 

web/src/view/example/breakpoint/breakpoint.vue

@@ -140,7 +140,7 @@ const sliceFile = () => {
         })
 }
 
-watch(waitNum, () => { percentage.value = Math.floor(((formDataList.value.length - waitNum.value) / formDataList.value.length) * 100) })
+watch(() => waitNum.value, () => { percentage.value = Math.floor(((formDataList.value.length - waitNum.value) / formDataList.value.length) * 100) })
 
 const upLoadFileSlice = async(item) => {
   // 切片上传

web/src/view/layout/aside/historyComponent/history.vue

@@ -217,7 +217,7 @@ const removeTab = (tab) => {
   const index = historys.value.findIndex(
     (item) => getFmtString(item) === tab
   )
-  if (getFmtString(route) === tab)  {
+  if (getFmtString(route) === tab) {
     if (historys.value.length === 1) {
       router.push({ name: defaultRouter.value })
     } else {
@@ -239,7 +239,7 @@ const removeTab = (tab) => {
   historys.value.splice(index, 1)
 }
 
-watch(contextMenuVisible, () => {
+watch(() => contextMenuVisible.value, () => {
   if (contextMenuVisible.value) {
     document.body.addEventListener('click', () => {
       contextMenuVisible.value = false
@@ -251,15 +251,15 @@ watch(contextMenuVisible, () => {
   }
 })
 
-watch(route, (to, now) => {
+watch(() => route, (to, now) => {
   if (to.name === 'Login' || to.name === 'Reload') {
     return
   }
   historys.value = historys.value.filter((item) => !item.meta.closeTab)
   setTab(to)
   sessionStorage.setItem('historys', JSON.stringify(historys.value))
   activeValue.value = window.sessionStorage.getItem('activeValue')
-})
+}, { deep: true })
 
 watch(() => historys.value, () => {
   sessionStorage.setItem('historys', JSON.stringify(historys.value))

web/src/view/layout/aside/index.vue

@@ -83,7 +83,7 @@ getTheme()
 const active = ref('')
 watch(() => route, () => {
   active.value = route.name
-})
+}, { deep: true })
 
 watch(() => userStore.sideMode, () => {
   getTheme()

web/src/view/superAdmin/user/user.vue

@@ -193,7 +193,7 @@ const getTableData = async() => {
   }
 }
 
-watch(tableData, () => {
+watch(() => tableData.value, () => {
   setAuthorityIds()
 })