工具微信开发者工具HBuilderX技术微信小程序uni-appvueJavaScriptCSS3在进行微信小程序开发时,需要从一个界面跳转到另一个界面,或在tabBar页面之间的跳转。那么,具体如何实现呢?1、在uni-app项目中,新建页面文件并配置页面路径;在页面,插入跳转按钮,并绑定点击事件插入跳转按钮,并绑定点击事件2、在methods对象中,定义点击事件jumpPage,并调用uni.navigateTo()调用uni.navigateTo()3、保存代码并运行到小程序模拟器,查看界面效果小程序模拟器,查看界面效果4、点击跳转按钮,查看到跳转结果点击跳转按钮,查看到跳转结果5、页面跳转换成uni.redirectTo(),关闭当前页面,跳转到应用内的某个页面页面跳转换成uni.redirectTo()6、结果界面左上方出现一个房子图标,跟uni.navigateTo()不一样点击跳转按钮,查看跳转结果7、再次换成uni.reLaunch(),关闭所有页面,打开到应用内的某个页面,然后查看结果换成uni.reLaunch(),然后查看结果8、再次保存并点击跳转按钮,可以查看到跳转结果界面,出现home图标跳转结果界面,出现home图标9、这次换成uni.switchTab(),跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面换成uni.switchTab()10、点击跳转按钮,跳转到系统设置界面点击跳转按钮,跳转到系统设置界面举报/反馈
网友评论