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

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

方式一:通过点击导航组件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(编程式)请看下期

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

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

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

相关新闻

联系我们
联系我们
公众号
公众号
在线咨询
返回顶部