uni-app自定义onBackPress事件

最新推荐文章于 2024-08-30 20:30:06 发布

wieyi

最新推荐文章于 2024-08-30 20:30:06 发布

阅读量1.5k

点赞数 1

文章标签： web app

本文链接：https://blog.csdn.net/wieyi/article/details/124950618

版权

onBackPress函数return非true以外的值都会执行默认的返回行为，只有return true才不会执行返回事件，所以在执行自定义事件时一定要返回true

data() {
            return {
                isConfirm:false, //处理返回逻辑
            };
        },
methods:{
    onBackPress() {
            if(this.isConfirm == false)
            {
                uni.showModal({
                    content: '数据尚未保存,你确定要返回吗？',
                    success:  res => { // 一定要保证this的指向问题，否则会导致无限的弹出modal，可以考虑用that保存this指针或是使用箭头函数
                        if (res.confirm) 
                        {
                            this.isConfirm = true
                            uni.navigateBack() //navigateBack会再次执行onBackPress事件，所以在进入函数的时候我们加了isConfirm来判断是否执行自定义的事件
                        } 
                    }
                })
                return true
            }
            else
                return false
           }
}