页面跳转怎么做,怎么实现及转不了的原因?

营销圈公众号引导关注

我们在小程序里做页面跳转有两种方式

•1,借助navigator组件•2,借助wx.自带方法,在点击的时候做页面跳转 如下图所示的几个wx.方法

页面跳转怎么做,怎么实现及转不了的原因?

19-1,navigator实现页面跳转

navigator其实和我们html里的a标签有点像,也是为了实现页面跳转的。官方文档:
https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

页面跳转怎么做,怎么实现及转不了的原因?

我们想用navigator来跳转到别的页面,其实很简单,只需要如上图所示,做简单配置即可。当然了我们使用navigator来跳转页面时,分下面几种情况。当然这些跳转方式都是通过配置open-type属性来定义的。

19-2,navigator的跳转方式

下面我把一些常用的open-type属性列出来给大家,方便大家以后使用。

如我们使用navigate做页面跳转,只写个url属性,open-type的值默认就是navigate

这样我们跳转到新页面后,会有一个返回按钮。我们可以通过这个返回按钮返回上一个页面。

页面跳转怎么做,怎么实现及转不了的原因?

我会在视频里为大家一个个演示其余的方法和功能。

19-3,点击事件结合wx方法实现跳转

我们做页面跳转除了使用navigate组件外,还可以通过点击事件借助wx方法实现页面跳转。

常用的wx方法:

页面跳转怎么做,怎么实现及转不了的原因?

我这里给大家举个简单的例子

•在wxml里设置点击事件

•然后再js里设置点击后跳转页面

页面跳转怎么做,怎么实现及转不了的原因?

这样我们就可以实现页面跳转了,和使用navigate做跳转一样的效果。其余的几个wx跳转方法,我也会在视频里给大家做演示。专栏2021年最新零基础入门小程序教程作者:编程小石头1.1币51人已购查看

好了,这篇文章的内容营销圈就和大家分享到这里,如果大家对网络推广引流和网络创业项目感兴趣,可以添加微信:Sum8338 备注:营销圈引流学习,我拉你进直播课程学习群,每周135晚上都是有实战的推广引流技术和网络创业项目课程分享,当然是免费学!

版权声明:本站部分文章来源互联网用户自发投稿,主要目的在于分享信息,版权归原作者所有,不承担相关法律责任。如有侵权请联系我们反馈邮箱yingxiaoo@foxmail.com,我们将在7个工作日内进行处理,如若转载,请注明本文地址:https://www.yingxiaoo.com/77829.html