🐞 fix(作品详情页): 留言数量路由返回时用pinia保存给上一页使用

+/*
+ * @Date: 2022-04-18 15:59:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 11:30:40
+ * @FilePath: /tswj/src/store/index.js
+ * @Description: 文件描述
+ */
 import { defineStore } from 'pinia';
 import { defineStore } from 'pinia';
 // import { testStore } from './test'; // 另一个store
 // import { testStore } from './test'; // 另一个store
 import _ from 'lodash';
 import _ from 'lodash';

@@ -43,7 +43,7 @@
 
 
 <script setup>
 <script setup>
 import { ref, onMounted, watch } from 'vue'
 import { ref, onMounted, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router'
 import { axios, storeToRefs, mainStore, Toast } from '@/utils/generatePackage'
 import { axios, storeToRefs, mainStore, Toast } from '@/utils/generatePackage'
 import { VideoDetail, DonateBar } from '@/utils/generateModules'
 import { VideoDetail, DonateBar } from '@/utils/generateModules'
 import { icon_avatar } from '@/utils/generateIcons'
 import { icon_avatar } from '@/utils/generateIcons'
@@ -113,6 +113,13 @@ const onVideoDetail = (v) => {
   store.changeVideoDetail(v);
   store.changeVideoDetail(v);
 }
 }
 
 
+onBeforeRouteLeave(async () => {
+  // 缓存作品信息，给其他页使用
+  const { data } = await prodInfoAPI({ prod_id: $route.query.prod_id });
+  videoInfo.value = data;
+  store.changeVideoDetail(videoInfo.value);
+})
+
 // 删除个人首页的keep-alive缓存
 // 删除个人首页的keep-alive缓存
 if (!$route.query.type) { // read-only 页不能删除
 if (!$route.query.type) { // read-only 页不能删除
   store.removeThisPage('personIndex');
   store.removeThisPage('personIndex');