自学编程:微信小程序页面跳转真的很简单!方式一点击导航组件

页面之间的相互跳转叫页面导航,不同程序实现页面导航的方式不同,微信小程序与浏览器网页跳转方式有很大区别。今天专门介绍微信小程序页面跳转方法。

方式一:通过点击导航组件navigator(声明式)

第一步,指定要跳转的页面地址,即url属性,以/开头。在app.json文件的"pages"里。

第二步,确定跳转的方式,即open-type属性,tabbar页面为switchTab(不可省略),非tabbar页面为navigate(可省略)。其中tabbar页面是指在顶部或底部编辑了以页签方式切换的页面。

代码示例:<navigator url="/pages/message/message open-type="switchTab">导航到消息页面</navigator>

<navigator url="/pages/message/info open-type="navigate">导航到info页面</navigator>

导航至上一页或后退多级页面

第一步,指定跳转的方式,即open-type属性,为navigateBack。

第二步,确定后退的层级数,即delta属性,为整数数字,默认为1。

代码示例:<navigator open-type="navigateBack" delta="1">返回上一页</navigator>

方式二:调用小程序专门的导航API(编程式)请看下期

本文全部原创手码,与大家分享共同进步,欢迎交流!

自学编程:微信小程序页面跳转真的很简单!方式一点击导航组件自学编程:微信小程序页面跳转真的很简单!方式一点击导航组件自学编程:微信小程序页面跳转真的很简单!方式一点击导航组件

#编程##小白新手创业营##头条创作挑战赛##勤劳致富#

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年7月8日 下午6:38
下一篇 2024年7月8日 下午6:49

相关推荐