uni-app基础 1.3.2-路由跳转和页面通讯

路由跳转和页面通讯

点击查看视频教程跳到b站

课程文档地址

注意区别

练习配置 在pages.json下配置一个tarBar

"tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "index" }, { "pagePath": "pages/one/one", "text": "one" }] }

保留当前页面，跳转到应用内的某个页面

关闭当前页面，跳转到应用内的某个页面

关闭所有页面，打开到应用内的某个页面。

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

关闭当前页面，返回上一页面或多级页面

路由传参

uni.navigateTo({

url: ‘xxxxx?xxx=xxx&xxx=xxx’

});

页面通讯

请给我数据 two

收到，准备返回数据 two

请接受 index

已接受 index

index.vue uni.navigateTo({ url: '../two/two', events: { recive: function(data) { console.log(data.data) console.log("已接受") } }, success: function(res) { res.eventChannel.emit('send', { data: '请给我数据' }) } })

two.vue onLoad() { const eventChannel = this.getOpenerEventChannel(); eventChannel.on('send', function(data) { console.log(data.data) console.log("收到，准备返回数据") }) eventChannel.emit('recive', { data: "请接受" }); }

NAT 移动APP

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。