微信小程序基础:点击跳转页面的几种方法
的有关信息介绍如下:微信小程序点击按钮后,经常会跳转,下面简单介绍一下常见的跳转方法
新建一个微信小程序0607,完成后,大致架构如图:
在app.json中,调整一下test的位置,放在第一位;
便于运行后,直接显示test.wxml文件,如图:
在test.wxml中输入以下代码,添加一个按钮,运行后如图所示:
功能:点击按钮后,跳转到日志界面。
给上面的按钮添加点击事件,因为跳转到日志界面,在本程序中,日志界面属于tabBar页面(在app.json中注册过的tabBar页面),所以使用wx.switchTab 进行跳转;代码如下:
在app.json中注册一个界面new,如图:
在test.wxml中添加按钮,点击按钮后跳转到new.wxml界面,如图:
在test.js中添加跳转代码,如图:
点击按钮后,即可跳转到新页面new.wxml.
在new.wxml中添加按钮,功能:返回上一页
具体代码如图:
添加对应的j,跳转代码,如图:
运行后,点击即可在test界面和new界面之间相互跳转,如图: