小程序中如何实现页面跳转

小程序中如何实现页面跳转,第1张

url 属性 (表示要跳转页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为 switchTab )

url 属性 (表示要跳转的页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为 navigate )

非tabBar页面 跳转时,open-type 也可以省略

open-type 属性值为: navigateBack

结合 delta 属性:表示后退的层级,默认是 1 ,1时该属性可省略不写

调用 wx.switchTab (object object ) 方法,其中 object 参数对象的属性列表如下

调用**wx.navigateTo ( object object )方法,其中 object 参数对象的属性列表,如下

调用wx.navigateBack(object object ) 方法,可以返回上一页面或多级页面,其中object 参数可选的,属性列表 如下

微信小程序路由跳转,共有三种形式,页面中使用navigator组件做页面链接形式路由跳转,js中可以使用wx.navigateTo--保留当前页面,跳转到应用内的某个页面,wx.redirectTo--关闭当前页面,跳转到应用内的某个页面 wx.navigateBack()--关闭当前页面,回退前一页面。

跳转的方法写成函数,然后函数执行第一行就调用这个 loading 状态为 true 然后写跳转的地址 跳转地址后面改变这个 loading 状态为false

比如:

onClick(){

this.loading = true

window.location.href = 'www.baidu.com'

this.loading = false

}

其实这里的这个加载状态一直都是在页面上有写上去的 只是隐藏掉了 然后通过方法触发它就可以了的 希望能帮到你 我不是做小程序的 所以我并不清楚代码如何实现 只是有一点思路而已


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12022470.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存