微信小程序开发--页面之间的跳转

一、navigator--完成页面之间的跳转

1、新建一个页面文件夹

2、在app.json文件中引入页面

"pages": [
    "pages/index/index",
    "pages/ranking/ranking"
  ],

3、在wxml页面中用navgator标签实现跳转

<navigator url="../ranking/ranking">排行榜</navigator>

二、页面间跳转和传值

1、在地址后面用 ?属性=属性值  的方式传值，多个属性之间用 & 连接

<navigator url="../ranking/ranking?name=月排行榜&age=1">排行榜</navigator>

2、在跳转后的页面的 .js 文件中接收值,options中数据就是页面跳转时传递的值

Page({
    onLoad: function (options) {
    console.log(options)
  }
})

注:reditect跳转，这个跳转是没有过度的，不能返回，适用于只出现一次的页面

  <navigator url="../ranking/ranking?name=月排行榜&age=1" redirect>排行榜</navigator>

 三、微信小程序使用API跳转