微信小程序链接跳转

小程序中的跳转其实就是点击事件，因为点击一下才会跳转，这个事件的名称叫做bindtap，和网站开发中的click事件一样，都是点击时触发的事件，将其写在view标签里，如图所示：

接着进入空的.js文件中，输入page并选中下拉列表中的Page，然后回车，就会出现如图所示的情况：

编写go事件：

微信小程序页面跳转方法总结：
1、利用小程序提供的 API 跳转：
a、保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈。

wx.navigateTo({
  url: '../home/home?user_id=111'
})

b、关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。

wx.navigateTo({
  url: '../home/home?user_id=111'　　			// 页面 A
})
wx.navigateTo({
  url: '../detail/detail?product_id=222'　　	// 页面 B
})
// 跳转到页面 A
wx.navigateBack({
  delta: 2
})

c、关闭当前页面，跳转到应用内的某个页面。

wx.redirectTo({
  url: '../home/home?user_id=111'
})

d、跳转到tabBar页面（在app.json中注册过的tabBar页面），同时关闭其他非tabBar页面。

wx.switchTab({
  url: '../index/index'
})

e、关闭所有页面，打开应用内的某个页面。

wx.reLanch({
  url: '../home/home?user_id=111'
}) 

2、wxml 页面组件跳转（可以通过设置open-type属性指明页面跳转方式）：
a、navigator 组件默认的 open-type 为 navigate

跳转到新页面

b、redirect 对应 API 中的 wx.redirect 方法

在当前页打开

c、switchTab 对应 API 中的 wx.switchTab 方法

切换 Tab

d、reLanch 对应 API 中的 wx.reLanch 方法

关闭所有页面，打开到应用内的某个页面

e、navigateBack 对应 API 中的 wx.navigateBack 方法

关闭当前页面，返回上一级页面或多级页面

转载自：https://www.cnblogs.com/yaoyuqian/p/7967472.html