uniapp跳转的方式传参

1.uniApp跳转的方式
页面跳转
保留当前页面,跳转到应用内的某个页面
uni.navigateTo({url: ‘/pages/login/login’});
关闭当前页面,跳转到应用内的某个页面
uni.redirectTo({url: ‘/pages/login/login’})
关闭所有页面,打开到应用内的某个页面
uni.reLaunch({url: ‘/pages/login/login’})
跳转到tabBar页面,并关闭其他的所有非tabBar页面
uni.switchTab({url: ‘/pages/login/login’})
关闭当前页面,返回上一页面或多级页面通过getCurrentPages()获取当前的页面栈,决定需要返回几层
uni.navigateBack()不写参数默认是1返回上一页
注意:如果跳转的是tabbar页面请使用switchTab,其他的跳转方式不可用
组件跳转

2.传值
页面传值
A页面—》B页面
uni.navigateTo({url: /pages/login/login?key=${this.key}&id=111});
接收的时候onLoad(options){console.log(options)}所有的参数都砸options中
其他传值
组件传值 父传子 和vue一样
子传父 子组件使用 uni.KaTeX parse error: Expected '}', got 'EOF' at end of input: …件在onShow(){uni.on(‘名称’,函数:(参数值)=>{})}
语法:onShow(){uni.$on(‘name’,(res)=>{console.log(res)})}

你可能感兴趣的:(uni-app,vue.js,javascript)