专注于网站推广优化,承接营销型网站建设,整站优化外包,AI人工智能优化咨询QQ:20167856

微信小程序点击跳转页面(小程序里页面跳转的两种方式)

网络营销 2022-09-21

文章摘要:我们在小程序里做页面跳转有两种方式?1,借助navigator组件?2,借助wx.自带方法,在点击的时候做页面跳转如下图所示的几个wx.方法19-1,navigator实现页面跳转navigator其实和我们html里的a标签有点...

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

  ?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跳转方法,我也会在视频里给大家做演示。

预约SEO大佬

添加QQ:20167856 免费解答,赠送收录推送工具和网站分析

上一篇:微信小程序注册流程详解(微信小程序怎么申请注册)

下一篇:微信小程序用什么开发工具(小程序模板有哪些类)