微信小程序点击跳转页面 给出代码示例

好的，以下是微信小程序点击跳转页面的代码示例：

在wxml文件中定义一个按钮：

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

在js文件中定义跳转函数：

function jumpToPage() {
wx.navigateTo({
url: '/pages/pageName/pageName' // 用你想要跳转的页面名称替换'pageName'
})
}

这样，当用户点击按钮时，就会跳转到指定的页面。希望能帮助到你！

相关问题

微信小程序点击跳转不同tabbar代码

在微信小程序中，要实现点击跳转到不同的 tabbar 页面，可以使用 `wx.switchTab()` 方法。以下是一段示例代码：

// 在当前页面点击跳转到 tabbar 的第二个页面
wx.switchTab({
  url: '/pages/tabbar/page2'
});

其中，`url` 参数指定了要跳转的页面路径，以 `/pages/` 开头，后面紧跟着 tabbar 页面的路径和页面名称，中间用 `/` 分隔。在上面的示例中，我们要跳转到 tabbar 的第二个页面，因此 `url` 参数为 `/pages/tabbar/page2`。

你可以根据自己的业务需求，修改以上代码中的 `url` 参数，实现不同的跳转目的。

微信小程序页面跳转完整代码

以下是微信小程序页面跳转的完整代码示例：

页面 A 的 WXML 文件：

<view class="container">
  <button class="btn" bindtap="navigateToB">跳转到页面 B</button>
</view>

页面 A 的 JS 文件：

Page({
  navigateToB() {
    wx.navigateTo({
      url: '/pages/b/b',
    });
  },
});

页面 B 的 WXML 文件：

<view class="container">
  <button class="btn" bindtap="navigateBack">返回上一页</button>
</view>

页面 B 的 JS 文件：

Page({
  navigateBack() {
    wx.navigateBack();
  },
});

这个示例中，页面 A 包含了一个按钮，点击按钮后会跳转到页面 B；页面 B 包含了一个按钮，点击按钮后会返回上一页。页面跳转使用了微信小程序提供的 wx.navigateTo 和 wx.navigateBack 方法。需要注意的是，wx.navigateTo 方法只能跳转到非 tabBar 页面，而 wx.switchTab 方法可以跳转到 tabBar 页面。