购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

任务7
跳转到子页面

任务描述

实现页面之间的跳转功能。

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命令实现,也可以通过链接实现。 O+QPv+Pg+quVo8dQbdsDa/oCPLUQtTymxoo81FKsi4t3VXzeQXJPlabY5XQOzWHB

点击中间区域
呼出菜单
上一章
目录
下一章
×

打开