微信小程序基础:点击跳转页面的几种方法
1、新建一个微信小程序0607,完成后,大致架构如图:

2、在app.json中,调整一下test的位置,放在第一位;
便于运行后,直接显示test.wxml文件,如图:


3、在test.wxml中输入以下代码,添加一个按钮,运行后如图所示:
功能:点击按钮后,跳转到日志界面。
<button type="primary">跳转到日志界面</button>

4、给上面的按钮添加点击事件,因为跳转到日志界面,在本程序中,日志界面属于tabBar页面(在app.json中注册过的tabBar页面),所以使用wx.switchTab 进行跳转;代码如下:


5、在app.json中注册一个界面new,如图:

6、在test.wxml中添加按钮,点击按钮后跳转到new.wxml界面,如图:


7、在test.js中添加跳转代码,如图:
点击按钮后,即可跳转到新页面new.wxml.


8、在new.wxml中添加按钮,功能:返回上一页
具体代码如图:

9、添加对应的j,跳转代码,如图:

10、运行后,点击即可在test界面和new界面之间相互跳转,如图:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:142
阅读量:127
阅读量:188
阅读量:60
阅读量:169