微信小程序button如何跳转页面
时间: 2023-08-31 16:09:49 浏览: 555
微信小程序教程系列之页面跳转和参数传递(6)
要在微信小程序中实现页面跳转,可以使用`navigator`组件。
首先,在需要跳转的页面的`json`文件中,添加`"navigationBarTitleText": "页面标题"`属性,用于设置页面标题。
然后,在需要添加按钮的页面的`wxml`文件中,添加以下代码:
```
<button bindtap="btnClick">跳转到另一个页面</button>
```
其中,`btnClick`为自定义的事件处理函数。
接着,在需要添加按钮的页面的`js`文件中,添加以下代码:
```
Page({
btnClick: function() {
wx.navigateTo({
url: '../otherPage/otherPage'
})
}
})
```
其中,`navigateTo`方法用于跳转到另一个页面,`url`属性指定跳转的页面路径。路径的写法类似于相对路径,可以使用`../`表示上级目录,最终路径需要加上`.wxml`后缀。
需要注意的是,`navigateTo`方法只能跳转到非 tabBar 页面,如果需要跳转到 tabBar 页面,可以使用`switchTab`方法。
阅读全文