微信小程序导航栏跳转怎么设置

　　有了微信导航栏，想要找到相应的功能页面就要方便很多，但是如何实现导航跳转呢?小编今天给大家介绍一下微信小程序导航栏跳转的相关操作步骤，一起来看看吧。

　　下面是传递参数并展示新的小程序页面的一个简单栗子：

　　这是index.wxml代码：

　　?

　　评19

　　url是../detail/detail....... 传递参数是id="{{item.id}}" url="../detail/detail?id=88"

　　detail.js代码如下

　　?

　　Page({

　　onLoad: function(options) {

　　var duanziId = options.id

　　var that = this

　　wx.showToast({

　　title: '加载中',

　　icon: 'loading',

　　duration: 1000

　　})

　　wx.request({

　　url: '.xxx.xxx?m=getDetail&duanziId='+duanziId, //服务器参数接收地址，

　　data: {token:token},

　　method: 'GET',

　　success: function(res){

　　console.log(res.data.result) //打印获取数据

　　that.setData({

　　duanziDetail:res.data.result

　　})

　　}

　　})

　　}

　　})

　　detail.wxml代码：

　　?

　　{{duanziDetail.content}}

　　app.json中pages配置代码如下

　　?

　　7"pages":[

　　"pages/index/index",

　　"pages/detail/detail",

　　"pages/center/center",

　　"pages/tucao/tucao",

　　"pages/search/search"

　　]

　　小程序目录结构：

　　看完上面的具体资料，你现在知道微信小程序导航栏跳转怎么设置了吗，设置完之后，微信小程序的使用就会方便很多了。想要获取更多相关资料请关注微信小程序素材网。

　　微信小程序底部导航栏怎么开发

　　微信小程序头部导航栏设置实例

　　微信小程序导航栏返回样式定制