digital item 页面

src/views/digitalItem/index.vue

@@ -1,14 +1,31 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { ref, onMounted, onUnmounted, reactive, toRefs, onActivated } from "vue";
 import CommodityList from "./commodity-list.vue";
 import MerchantInfo from "./merchant-info.vue";
+import { useRouter } from "vue-router";
+// 定义组件名称
+defineOptions({
+  name: 'digitalItem'
+})
 //const props = defineProps({
 //})
 //const emit = defineEmits([
 //])
+const digitalItemRef = ref(null)
+const scrollTop = ref(0)
+const router = useRouter()
 let data = reactive({
 })
 const addShopping = (item) => {}
+const openDetail = (item) => {
+	scrollTop.value = digitalItemRef.value.scrollTop
+	router.push({
+		path: '/digitalItem/' + 123,
+	})
+}
+onActivated(()=>{
+	digitalItemRef.value.scrollTop = scrollTop.value
+})
 onMounted(()=>{
 })
 onUnmounted(()=>{
@@ -17,7 +34,7 @@ defineExpose({})
 const {} = toRefs(data);
 </script>
 <template>
-	<div class="digitalItem">
+	<div class="digitalItem" ref="digitalItemRef">
 		<div class="header-img">
 			<img src="@/assets/images/digitalItem/digital_item_banner.png" alt="">
 			<div class="text">
@@ -30,7 +47,7 @@ const {} = toRefs(data);
 				<MerchantInfo></MerchantInfo>
 			</div>
 			<div class="commodity-list">
-				<CommodityList @addShopping="addShopping"></CommodityList>
+				<CommodityList @addShopping="addShopping" @openDetail="openDetail"></CommodityList>
 			</div>
 		</div>
 		<Footer></Footer>