本文介绍: 后面想了个方案,把挽留的内容做成一个页面,先跳转到挽留页面,在从挽留页面跳转到内容页,这样内容页面后退就是挽留页面了,当然这边还要page–container的配合。后来产品提了个问题,手机侧滑的时候没那么顺畅(就是一用侧滑,就显示出来,产品要的方案是如下图,emmm大概是这个意思)在函数beforeleave里要进行判断,要返回到a页面的话,就要用uni.navigateBack({delta:2})项目需求:有时候挽留的ui是全屏的,用。//继续填写即在次回到c页面。
项目需求:有时候挽留的ui是全屏的,用page-container也可以。后来产品提了个问题,手机侧滑的时候没那么顺畅(就是一用侧滑,就显示出来,产品要的方案是如下图,emmm大概是这个意思)
后面想了个方案,把挽留的内容做成一个页面,先跳转到挽留页面,在从挽留页面跳转到内容页,这样内容页面后退就是挽留页面了,当然这边还要page–container的配合。
a页面
uni.navigateTo({
url:'/pages/b'
})
b页面
<template>
<view v-if="isShow">
挽留内容。。。
</view>
</template>
<script>
export default{
data(){
return{
isShow:false
}
},
onLoad(option) {
setTimeout(()=>{
this.isShow = true
},1000)
uni.navigateTo({
url:`/pages/c`
})
},
methods:{
//继续填写即在次回到c页面
backStop(){
uni.navigateTo({
url:'/pages/c'
})
},
}
}
</script>
<style>
</style>
c页面(参考page-container)
在函数beforeleave里要进行判断,要返回到a页面的话,就要用uni.navigateBack({delta:2})
beforeleave(){
if(this.isOrder){//正常情况,返回a页面,例如已经下单完毕
uni.navigateBack({delta:2})
}else{//到挽留页
uni.navigateBack()
}
}
原文地址:https://blog.csdn.net/qq_32707555/article/details/134647894
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_39262.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。