页面跳转

src/pages.json

@@ -8,10 +8,15 @@
 		},
 		{
 			"path": "pages/my-info/my-info",
-			"style" :
+			"style": {
-			{
 				"navigationBarTitleText": "我的"
 			}
+		},
+		{
+			"path": "pages/test-page/test-page",
+			"style": {
+				"navigationBarTitleText": "测试页面"
+			}
 		}
 	],
 	"globalStyle": {

src/pages/my-info/my-info.vue

@@ -2,18 +2,16 @@
 	<view>
 		页面内容
 	</view>
+
+  <button @click="toTestPage">进入测试页面</button>
 </template>
 
-<script>
+<script setup>
-	export default {
+function toTestPage(){
-		data() {
+  uni.navigateTo({
-			return {
+    url: '/pages/test-page/test-page',
-				
+    animationDuration: 100
-			}
+  })
-		},
-		methods: {
-			
-		}
 }
 </script>
 

src/pages/test-page/test-page.vue

@@ -0,0 +1,19 @@
+<template>
+  <view>
+    测试
+  </view>
+  <button @tap="back">返回上一页</button>
+</template>
+
+<script setup>
+function back() {
+  uni.navigateBack({
+    animationDuration: 100
+  })
+}
+</script>
+
+
+<style scoped lang="scss">
+
+</style>