企业网站定制开发uni-app几种常用的页面跳转方式

目录


一、uni.(OBJECT)

企业网站定制开发保留当前页面,企业网站定制开发跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面

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

二、uni.navigateBack(OBJECT)

        关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

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

三、uni.redirectTo(OBJECT)

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

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

四、uni.switchTab(BOJECT)

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

  1. methods: {
  2. checklogin(){
  3. uni.request({
  4. url: 'http://localhost:8081/api/user/login',
  5. data: {
  6. email: this.emailone,
  7. password: this.password,
  8. },
  9. success: (res) => {
  10. //登录成功
  11. if (res.data.success == true) {
  12. uni.showToast({
  13. title: '登录成功', //显示的文字
  14. icon: 'success' //显示的图标
  15. });
  16. //跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
  17. uni.switchTab({
  18. url: '../tabbor/index/index'
  19. });
  20. } else {
  21. uni.showToast({
  22. title: '用户名或密码错误', //显示的文字
  23. icon: 'none' //显示的图标
  24. });
  25. }
  26. }
  27. })
  28. }
  29. }

五、

调用第三方程序打开指定的URL

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

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发