页面跳转钩子应用和页面标题全局设定

@@ -8,9 +8,10 @@
 </template>
 </template>
 
 
 <script setup lang="ts">
 <script setup lang="ts">
-import { mainStore } from '@/store'
+import { mainStore, useTitle } from '@/utils/generatePackage'
 import { storeToRefs } from 'pinia'
 import { storeToRefs } from 'pinia'
-import { computed, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
+import { useRoute } from 'vue-router'
 
 
 import vConsole from '@/utils/vconsole'
 import vConsole from '@/utils/vconsole'
 
 
@@ -21,6 +22,14 @@ const keepPages = computed(() => {
   return store.getKeepPages
   return store.getKeepPages
 })
 })
 
 
+// 设置页面标题
+const $route = useRoute();
+watch(
+  () => $route.path,
+  () => {
+    useTitle($route.meta.title)
+  }
+)
 </script>
 </script>
 
 
 <style lang="less">
 <style lang="less">

@@ -47,16 +47,16 @@
 
 
 <script setup>
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
 import { ref, reactive, onMounted } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { useRoute } from 'vue-router'
 
 
 import { Cookies, _, axios, mainStore, Toast, useTitle } from '@/utils/generatePackage'
 import { Cookies, _, axios, mainStore, Toast, useTitle } from '@/utils/generatePackage'
 import { no_image, icon_avatar } from '@/utils/generateIcons'
 import { no_image, icon_avatar } from '@/utils/generateIcons'
 import { MyButton, ShortcutFixed, BookCard } from '@/utils/generateModules'
 import { MyButton, ShortcutFixed, BookCard } from '@/utils/generateModules'
 
 
 import { useBookList } from '@/composables';
 import { useBookList } from '@/composables';
-
+import { useGo } from '@/hooks/useGo'
+const go = useGo()
 const $route = useRoute();
 const $route = useRoute();
-const $router = useRouter();
 
 
 // 删除所有的 keep-alive 缓存
 // 删除所有的 keep-alive 缓存
 const store = mainStore()
 const store = mainStore()
@@ -64,9 +64,6 @@ store.changeKeepPages();
 // 清空记录位置
 // 清空记录位置
 store.changeScrollTop(0);
 store.changeScrollTop(0);
 
 
-// 设置页面标题
-useTitle($route.meta.title)
-
 const { kg_id, kgInfo, emptyStatus } = useBookList($route)
 const { kg_id, kgInfo, emptyStatus } = useBookList($route)
 
 
 // 配置快捷跳转条
 // 配置快捷跳转条
@@ -86,12 +83,7 @@ const styleObject = reactive({
 
 
 // 跳转书籍详情页
 // 跳转书籍详情页
 const onClick = (item) => {
 const onClick = (item) => {
-  $router.push({
-    path: '/client/bookDetail',
-    query: {
-      id: item.id
-    }
-  });
+  go('/client/bookDetail', { id: item.id })
 }
 }
 </script>
 </script>
 
 

@@ -11,31 +11,22 @@
 
 
 <script setup>
 <script setup>
 import { mainStore } from '@/store'
 import { mainStore } from '@/store'
-
 import RightSideList from '@/components/RightSideList/index'
 import RightSideList from '@/components/RightSideList/index'
+import { useGo } from '@/hooks/useGo'
 
 
-import { useRouter } from 'vue-router'
-
-const $router = useRouter();
-
+const go = useGo()
 // 删除所有的 keep-alive 缓存
 // 删除所有的 keep-alive 缓存
 const store = mainStore()
 const store = mainStore()
 store.changeKeepPages('clear');
 store.changeKeepPages('clear');
 
 
 // 跳转幼儿园爱心书籍列表页
 // 跳转幼儿园爱心书籍列表页
 const onClick = (item) => {
 const onClick = (item) => {
-  $router.push({
-    path: '/client/chooseBook',
-    query: {
-      kg_id: item.id
-    }
-  });
+  go('/client/chooseBook', { kg_id: item.id })
 }
 }
 
 
 </script>
 </script>
 
 
 <script>
 <script>
-import mixin from 'common/mixin'
 import { kgListAPI } from '@/api/C/kg.js'
 import { kgListAPI } from '@/api/C/kg.js'
 
 
 export default {
 export default {
@@ -46,7 +37,6 @@ export default {
     next();
     next();
     })()
     })()
   },
   },
-  mixins: [mixin.init],
   data () {
   data () {
     return {
     return {
       schoolList: this.$route.params.schoolList
       schoolList: this.$route.params.schoolList