uni-app常用的几种页面跳转方式总结_javascript技巧_

methods: { //gonavigate()为点击响应事件，可在HTML部分设置 @tap="gonavigate()" gonavigate(){ uni.navigateTo({ //保留当前页面，跳转到应用内的某个页面 url: '/pages/detail/detail' }) } }

​methods: { //goBack()为点击响应事件，可在HTML部分设置 @tap="goBack()" goBack(){ uni.navigateBack({ //关闭当前页面，返回上一页面或多级页面。 delta:1 }); } }

​methods: { //goregirect()为点击响应事件，可在HTML部分设置 @tap="goregirect()" goregirect(){ uni.redirectTo({ //关闭当前页面，跳转到应用内的某个页面。 url:'/pages/about/about' }); } }

methods: { checklogin(){ uni.request({ url: 'http://localhost:8081/api/user/login', data: { email: this.emailone, password: this.password, }, success: (res) => { //登录成功 if (res.data.success == true) { uni.showToast({ title: '登录成功', //显示的文字 icon: 'success' //显示的图标 }); //跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。 uni.switchTab({ url: '../tabbor/index/index' }); } else { uni.showToast({ title: '用户名或密码错误', //显示的文字 icon: 'none' //显示的图标 }); } } }) } }

​methods: { //goopenurl()为点击响应事件，可在HTML部分设置 @tap="goopenurl()" goopenurl(){ boid plus.runtime.openURL('https://www.baidu.com/') } }

uni.navigateTo({ url:'页面路径?id=1' }) 

onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面传递的参数。传递的是id=1，则获取到的就是option.id }