交互

src/views/home/section-digital-items1.vue

@@ -8,7 +8,7 @@
 				<br />
 				digital visions—a virtual realm where creativity collides and evolves.
 			</div>
-			<button custom="black">Shop All</button>
+			<button custom="black" @click="onShopAll">Shop All</button>
 			<div class="list">
 				<div v-for="v in list" :key="v.url">
 					<img :src="v.url" alt="" />
@@ -22,6 +22,9 @@
 
 <script setup lang="ts">
 	import { computed, ref } from 'vue'
+	import { useRouter } from 'vue-router'
+	const router = useRouter()
+
 	const list = ref([
 		{
 			title: 'Women’s Itemk',
@@ -44,6 +47,9 @@
 			url: 'http://118.31.39.42:3000/falls/digital-items-4.png'
 		}
 	])
+	const onShopAll = () => {
+		router.push({ name: 'digitalItem' })
+	}
 </script>
 
 <style lang="less">