diff --git a/src/pages/product/ProductList.vue b/src/pages/product/ProductList.vue index c97a9f6..b487f8c 100644 --- a/src/pages/product/ProductList.vue +++ b/src/pages/product/ProductList.vue @@ -8,8 +8,10 @@ import VanPopup from "vant/es/popup" import { computed, onBeforeUnmount, onMounted, ref } from "vue" import Cart from "./components/cart.vue" import Detail from "./components/detail.vue" -import { onBeforeRouteUpdate } from 'vue-router' +import { useRoute } from 'vue-router' +const router = useRouter() +const route = useRoute() // 状态管理 const productStore = useProductStore() const cartStore = useCartStore() @@ -115,18 +117,16 @@ onBeforeUnmount(() => { }) // 结算方法 -const router = useRouter() function handleCheckout() { router.push("/product/checkout") } // 路由更新时刷新数据 -onBeforeRouteUpdate((to, from, next) => { - if (to.name == 'ProductList') { +watch(() => route.path, (newPath) => { + if (newPath === '/') { productStore.getGoods() } - next() })