uni-app学习--------跳转及传参(第四天)

关于跳转页面及数据的传递

<navigator open-type="navigate" url="tab1?id=11111">默认跳转,跳转相应页面,可返回</navigator>

<navigator open-type="redirect" url="tab3">关闭当前页面,跳转到相应页面</navigator>

<!-- <navigator open-type="navigateBack" >返回上一页</navigator> -->

<navigator open-type="reLaunch" url="tab3">跳转到相应页面,并关闭所有页面</navigator>

<navigator open-type="switchTab" url="tab2">只能跳转到tab页面</navigator>

1.navigate :默认跳转,跳转相应页面,可返回

redirect:关闭当前页面,跳转到相应页面

reLaunch:跳转到相应页面,并关闭所有页面

navigateBack:当有上一页的时候,返回上一页

switchTab:只能跳转到tab页面

2.跳转到话。是在url上加问号:例如

<navigator open-type="navigate" url="tab1?id=11111"></navigator>

然后在跳转到的页面,用props接收 例如

<script>

export default {

props:['id']

}
</script>

3.另外switchTab加问号的方式传输数据是无效的

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容