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

115 阅读 0 评论 76 点赞

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

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

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

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

以上就是还单身信封为你收集整理的微信小程序中如何进行页面的跳转的全部内容，希望文章能够帮你解决微信小程序中如何进行页面的跳转所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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