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提供好的标签或方法来进行页面的跳转并可传递参数)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM