小程序中如何实现页面跳转

Posted 2023-05-10

参考技术A

url 属性 （表示要跳转的页面地址，必须以 / 开头）
open-type （表示跳转的方式，必须为 switchTab ）

url 属性 （表示要跳转的页面地址，必须以 / 开头）
open-type （表示跳转的方式，必须为 navigate ）
非tabBar页面 跳转时，open-type 也可以省略

open-type 属性值为: navigateBack
结合 delta 属性：表示后退的层级，默认是 1 ，1时该属性可省略不写

调用 wx.switchTab (object object ) 方法，其中 object 参数对象的属性列表如下

调用**wx.navigateTo ( object object )方法，其中 object 参数对象的属性列表，如下

调用wx.navigateBack(object object ) 方法，可以返回上一页面或多级页面，其中object 参数可选的，属性列表 如下

如何使用微信小程序中的按钮事件实现界面跳转

参考技术A 创建一个你想要跳转的页面文件index.wxml

在跳转前的页面中加入按钮组件并绑定跳转事件

在跳转前页面对应的js文件中添加绑定事件

这个时候点击按钮控制台会报错路径找不到

在微信小程序配置文件中配置新加的页面

这个时候就自动生成了新增页面的各种文件

页面也可以跳转了

第一次研究小程序，也第一次写博客，有错误欢迎大家指正！