微信小程序中如何进行页面的跳转

小程序开发小程序开发 2023-08-31 19:45:19 980
摘要: 本篇文章给大家带来的内容是关于微信小程序中如何进行页面的跳转,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。小程序页面的跳转有很多种方法,比较常用的有两种:1、wx.navigateToAPIwxml先绑定事件<bu...

本篇文章给大家带来的内容是关于微信小程序中如何进行页面的跳转,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

小程序页面的跳转有很多种方法,比较常用的有两种:

1、wx.navigateTo API

wxml 先绑定事件

<button class='btn' bindtap='goNew'>点我去新页面</button>

js 中使用 wx.navigateTo 即可

goNew:function(e){
    wx.navigateTo({
        url: '../../x',
    })
},

2、<navigator> 组件

直接在页面中使用 <navigator> 组件,类似 html 中的 <a> 标签

<navigator class='expert_list' url='/pages/expert_data/expert_data?id={{ item.data.id }}'></navigator>

推荐使用 <navigator> 组件,因为在实际开发中,绑定事件老是出现一些拿不到页面值的问题(可能是网络问题,或者事件的兼容性不好)。

相关推荐:

微信小程序中如何来设置全局变量(代码)

微信小程序中如何调用本地的接口

微信小程序中实现同步请求的方法

以上就是微信小程序中如何进行页面的跳转的详细内容,更多请关注其它相关文章!