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

233 阅读 0 评论 154 点赞

我是靠谱客的博主还单身信封，这篇文章主要介绍微信小程序中如何进行页面的跳转，现在分享给大家，希望可以做个参考。

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

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

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> 组件，因为在实际开发中，绑定事件老是出现一些拿不到页面值的问题（可能是网络问题，或者事件的兼容性不好）。

以上就是还单身信封最近收集整理的关于微信小程序中如何进行页面的跳转的全部内容，更多相关微信小程序中如何进行页面内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。