原生微信小程序-路由01

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        
    </script>
    <!-- 微信小程序的路由 -->
    <!-- 保留当前页面,跳转到应用内的某个页面,但是不能跳到tabbar页面 -->
wx.navigateTo({
  url: 'pages/index/index'
})

<!-- 关闭当前页面,跳转到应用内的某个页面 -->
wx.redirectTo({
  url: 'pages/index/index'
})

<!-- 关闭所有页面,打开到应用内的某个页面 -->
wx.reLaunch({
  url: 'pages/index/index'
})

<!-- 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 -->
wx.switchTab({
  url: 'pages/index/index'
})

<!-- 关闭当前页面,返回上一页面或多级页面 -->
wx.navigateBack({
  delta: 1
})

<!-- 微信小程序传参 -->
<!-- 传参 -->
wx.navigateTo({
  url: 'pages/index/index?id=1'
})

<!-- 接收参数 -->
onLoad: function (options) {
  console.log(options.id)
}

<!-- events监听多个 -->
events :{
    'eventA': ['handleEventA1', 'handleEventA2'],
    'eventB': 'handleEventB'
}

<!-- 发送  -->
// 传递参数
 toDetail() {
    const a = {
      a:"a",
      n:1,
      o:{
        x:"x",
        y:"y"
      }
    }
    // 通过eventChannel向被打开页面传送数据
    wx.navigateTo({
      url: '/pages/detail/detail?a=b',
      success(page){
        page.eventChannel.emit("init",a)
      }
    })
  }

  <!-- 接收 -->
  onLoad(options) {
    console.log(options)
    // 通过eventChannel向被打开页面传送数据
    const event = this.getOpenerEventChannel()
    // 监听事件,获取上一页面通过eventChannel传送到当前页面的数据
    event.on("init",(d)=>{
      console.log(d)
    })

  },


</body>
</html>

你可能感兴趣的:(微信小程序,微信小程序,小程序)