实现页面之间的跳转功能。
1)在首页添加按钮,绑定事件,通过事件实现跳转到另一子页面。
2)在子页面添加链接,用链接实现跳转到首页。
1 新建一个小程序项目,如图1-46所示。
图1-46 新建一个小程序项目
2 打开index/index.wxml文件,添加“<button bindtap="tologs">跳转到日志页面</button>”组件,得到一个绑定了tologs函数的按钮,如图1-47所示。
图1-47 绑定了tologs函数的按钮
3 打开index/index.js文件,添加:
设计的函数名称是tologs,执行跳转到../logs/logs页面的功能,如图1-48所示。
图1-48 设计的函数名称是tologs
4 打开logs/logs文件,添加:
实现跳转到../index/index页面的功能,如图1-49所示。
在页面跳转实现中,不管是应用API函数wx.navigateTo({url: '../logs/logs'}),还是应用组件<navigator url="../index/index">,其中的url的定义就相当于网页设计中的URL(统一资源定位符),路径的应用也与网页设计的相似。
图1-49 实现跳转到../index/index页面的功能
在微信小程序项目开发中,若有多个页面,则页面之间的跳转是必不可少的。页面之间的跳转实现有许多方式,既可以通过JavaScript命令实现,也可以通过链接实现。