taro开发微信小程序-路由传参(四)

taro开发微信小程序,taro框架目前是移动端的混合全能框架,对于微信小程序平台编译优秀,taro结合webpack可以编译微信小程序,anroid,ios,H5等平台代码,taro ui是基于taro的一套ui界面库。本栏博客介绍如何使用使Trao和Taro UI框架来开发移动端微信小程序.

1.空路由跳转

// 跳转到目的页面，打开新页面，添加一条记录到路由栈中
Taro.navigateTo({
  url: '/pages/page/path/name'
})

// 跳转到目的页面，在当前页面打开，之前的页面路由被当前的替代
Taro.redirectTo({
  url: '/pages/page/path/name'
})

2.传参数

// 传入参数 id=2&type=test
Taro.navigateTo({
  url: '/pages/page/path/name?id=2&type=test'
})

//接收路由参数，在生命周期函数中获取
componentWillMount () {
    console.log(this.$router.params) // 输出 { id: 2, type: 'test' }
  }

3.主动切换tab页面

Taro.switchTab(object) //资源路径

4.主动返回

Taro.navigateBack(OBJECT)

更多的使用参照这里https://nervjs.github.io/taro/docs/native-api.html#%E5%AF%BC%E8%88%AA

 

taro开发微信小程序-初始化项目(一)

taro开发微信小程序-了解项目结构(二)

taro开发微信小程序-使用Taro ui(三)

taro开发微信小程序-路由传参(四)

taro开发微信小程序-页面开发规范(五)

taro开发微信小程序-配置tab页面(六)

taro开发微信小程序-使用websocket(七)

taro开发微信小程序-网络请求(八)

taro开发微信小程序-解决编译报错Error: EISDIR: illegal operation on a directory（九）

taro开发微信小程序-加载腾讯地图(十)

taro开发微信小程序-播放轨迹(十一)

taro开发微信小程序-在地图页面添加搜索框(十二)

taro开发微信小程序-列表下拉刷新,上拉加载(十三)

taro开发微信小程序-添加开发者预览,上传测试版本(十四)

taro开发微信小程序-数据共享于缓存使用Redux(十五)

errMsg:getLocation:fail:require permission desc-小程序无法定位[解决](十六)