uniapp声明式(组件跳转)跳转和编程式(API跳转)跳转并传参及接收参数(一看就会!超级简约!)

1.声明式跳转(组件跳转):

    1.1:在组件内跳转至非tabbar页面并返回。只需在组件内加一个uniapp提供的跳转标签即可 <navigator url = " 地址 " > </navigator>

    1.2:在组件内跳转至非tabbar页面并不返回。< navigator url = " 地址 " open-type = "redirect" > </navigator>

    1.2:在组件内跳转至tabbar页面并不返回。<navigator url = " 地址 " open-type = " switchTab" > </navigator>

 

2.编程式跳转(API跳转):

    2.1:如在点击事件内跳转至非tabbar页面并返回。只需在点击事件内加一个uniapp提供的的跳转方法即可 uni.navigateTO ({   url : "地址"   })

   2.2:如在点击事件内跳转至tabbar页面并不返回。 uni.switchTab({   url : "地址"   })

 

3.传参及接收参数:

   传参只需在地址后面(引号里面)跟 ?id=10&age=20&... 即可; 接收参数是指跳转之后的页面想要接收上一个页面传递过来的参数这时需用生命周期函数onLoad (option) {  }  //option就是上个页面传递过来的参数

 

(简约版:使用uniapp提供好的标签或方法来进行页面的跳转并可传递参数)

posted @ 2020-11-26 16:43  封兴旺  阅读(1098)  评论(0编辑  收藏  举报

联系方式: 18274305123(微信同号)