原生微信小程序-路由01

最新推荐文章于 2024-11-01 11:04:37 发布

lionliu0519

最新推荐文章于 2024-11-01 11:04:37 发布

阅读量148

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/m0_51354601/article/details/132664112

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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>