微信小程序开发教程:微信小程序的跳转方式

微信小程序开发教程:微信小程序的跳转方式有哪些?
分享小程序跳转的方式,供你学习参考。
1.在wxml页面中:

<navigator url="../index/index">跳转到新页面</navigator>
<navigator url="../index/index" open-type="redirect">在当前页打开</navigator>
<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>

2.在js页面中:
【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。  app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”或者:直接在html标签里加属性

<view>
    <navigator url="../../pages/lists/lists" redirect="true" hover-class="navigator-hover">点我去列表页</navigator>
</view>
/* wxss代码 */
.navigaror-hover{
    color:blue;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

赞助商

微信扫一扫,分享到朋友圈

微信小程序开发教程:微信小程序的跳转方式
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close