微信小程序路由跳转（基于组件，基于api）

最新推荐文章于 2025-11-25 21:45:00 发布

原创最新推荐文章于 2025-11-25 21:45:00 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #notepad++ #小程序

//基于组件

<navigator url="/pages/form/form?id=66"><button>login</button></navigator>

//路由跳转tabbar 页面

<navigator url="/pages/list/list" open-type="switchTab"><button>list</button></navigator>



//基于api跳转

  <button bindtap="goLogin" type="primary">去登录</button>
  <button type="primary" catchtap="goList">去列表</button>

//xxx.js 

  goLogin(){
    wx.navigateTo({
      url:'/pages/form/form'
    })
  },
  goList(){
    wx.switchTab({
      url:'/pages/list/list'
    })
  },


//接收路由传递的参数
  onLoad(option:option) {
    console.log(option);  //接收参数
  },