php跳转微信聊天窗口,从零开始开发微信小程序4种页面跳转的方法 (六)

用法:用于页面跳转,相当于html里面的标签。本文主要和大家分享从零开始开发微信小程序4种页面跳转的方法 (六),希望能帮助到大家。

四种跳转的方法,在index里面写下一段代码进行测试

1:从首页跳转到日志页面(可以返回)

(注意,在没有设置底部导航的情况下,没有tab也可使用这个属性,有tab页则需更换switchTab属性)

页面跳转,可以返回

2a584949b82bb87bec9e1f0b24c9a81c.png

e5b29c04eaec6e122d776470d7c37aaa.png

2:从首页跳转到日志页面(不可以返回)

(注意,在没有设置底部导航的情况下,没有tab也可使用这个属性,有tab页则需更换switchTab属性)

页面跳转,无法返回

da4253e7d597675995116ec2ded226ba.png

3:在当前页面打开

新建一个文件夹,命名为no,完善里面的wxml测试信息,为了方便测试随意填充内容

我是一个自由分散的页面哦

7157238fa2a2644933395e1196fe945b.png

打开全局app.json文件,将刚刚新建文件夹no的路径写入

e551740521c6d806165f26ee01d7b016.png

图片.png。

我们现在要测试从首页的链接上打开,点击链接,即可在当前的首页页面打开no页面。

6c1276f5946d514a07e879aa2c6ea68d.png

4:切换到tab页:代码切换 Tab

注意:我这里用的跳转是switchTab跳转,而不是navigator

原因:所有的页面路径都需配置在pages下面tabBar里一般就是四个主页面,这些主页面之间的跳转就像tab切换,这几个页面需要在tabBar里另外配置,普通页面向这四个主页面跳转的时候,不能使用navigator,需用switchTab。

经验总结:TabBar中的list项的配置pagePath,尽量不要作为其他页面的跳转链接。

a5284e57d309eadfa1f2a46f7d24da0a.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值