微信小程序页面跳转

微信小程序页面跳转一般有两种方式：通过按钮点击或程序逻辑代码实现跳转。

1. 通过按钮点击实现页面跳转：

在wxml文件中添加按钮：

<button bindtap="navigateToPage">跳转到新页面</button>

在js文件中编写事件处理函数：

navigateToPage: function () {
  wx.navigateTo({
    url: '/pages/newPage/newPage'
  })
}

其中，`wx.navigateTo`函数用于跳转到应用内的某个页面，参数`url`指定新页面的路径。

2. 通过程序逻辑代码实现页面跳转：

在js文件中编写代码：

wx.navigateTo({
  url: '/pages/newPage/newPage'
})

同样，`wx.navigateTo`函数用于跳转到应用内的某个页面，参数`url`指定新页面的路径。

需要注意的是，使用`wx.navigateTo`跳转页面时，新页面会保留当前页面的栈，点击返回按钮会返回到原页面；而使用`wx.redirectTo`跳转页面时，新页面会替换当前页面，点击返回按钮会直接返回到上一个页面。

相关问题

微信小程序页面跳转案例

以下是微信小程序页面跳转的四种方式的案例：

1. `wx.navigateTo(OBJECT)`：打开新页面，保留当前页面，可以返回到原页面。

// 在当前页面的js文件中
wx.navigateTo({
  url: '/pages/page2/page2' // 跳转到page2页面
})

2. `wx.redirectTo(OBJECT)`：关闭当前页面，打开新页面，无法返回到原页面。

// 在当前页面的js文件中
wx.redirectTo({
  url: '/pages/page2/page2' // 跳转到page2页面
})

3. `wx.switchTab(OBJECT)`：关闭所有页面，打开指定的tabBar页面。

// 在当前页面的js文件中
wx.switchTab({
  url: '/pages/tabBarPage/tabBarPage' // 跳转到tabBarPage页面
})

4. `wx.navigateBack(OBJECT)`：关闭当前页面，返回上一页面或多级页面。

// 在当前页面的js文件中
wx.navigateBack({
  delta: 1 // 返回上一页面
})

微信小程序页面跳转源码

你可以使用以下代码实现微信小程序页面跳转：

1. 在原页面的js文件中，使用`wx.navigateTo`方法跳转到目标页面：

wx.navigateTo({
  url: '/pages/targetPage/targetPage'
})

2. 在原页面的wxml文件中，添加一个按钮或其他触发跳转的元素：

<button bindtap="navigateToTarget">跳转到目标页面</button>

3. 在原页面的js文件中，定义一个跳转函数，将其与触发元素绑定：

Page({
  navigateToTarget: function() {
    wx.navigateTo({
      url: '/pages/targetPage/targetPage'
    })
  }
})

4. 在目标页面的json文件中，配置页面路径：

{
  "pages": [
    "pages/index/index",
    "pages/targetPage/targetPage"
  ]
}

5. 在目标页面的wxml文件中，编写页面内容。

这样，当用户点击原页面中的按钮时，就会跳转到目标页面。记得在app.json文件中配置页面路径，并保证目标页面文件存在。

请注意，如果要在原页面跳转后返回原页面，可以使用`wx.navigateBack`方法。另外还有其他的页面跳转方法，如`wx.redirectTo`、`wx.switchTab`等，根据需求选择合适的方法即可。