首页 > 其他分享 >【快应用】如何实现快应用页面退出时弹框确认

【快应用】如何实现快应用页面退出时弹框确认

时间:2022-08-27 10:23:15浏览次数:91  
标签:console log 应用 退出 时弹 data 页面

【现象描述】

很多产品在设计时,希望按返回键退出的时候弹出一个对话框来确认是否退出,从而留住用户。快应用提供了这样的功能,和原生App一样,都是在页面的回调函数中处理的。

 

【实现方法】

快应用提供了页面生命周期回调函数onBackPress。开发者可重写onBackPress生命周期,在里面自定义返回逻辑,并且返回值必须为true,否则快应用引擎会按照false处理,页面直接退出。以下示例代码中调用了prompt接口实现弹框,点击“确定”后退出,点击“取消”则停留在当前页面。

onBackPress() {

console.log("quit!!!")

var that = this

prompt.showDialog({

title: 'title',

message: '确认不再继续浏览了,要退出吗?',

buttons: [

{

text: '确定',

color: '#33dd44',

},

{

text: '取消',

color: '#33dd44'

}

],

success: function (data) {

console.log("handling callback", data); //返回选中按钮在buttons数组中的序号。

if (data.index === 0) { //点击确定按钮后的行为

that.$app.exit()

}else if(data.index === 1){ //点击取消按钮后的行为

console.log("cancel button is clicked");

}

},

cancel: function () {

console.log("cancel");

}

})

return true

},

 

【代码运行效果】

如下图所示:

cke_4799.png

欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

标签:console,log,应用,退出,时弹,data,页面
From: https://www.cnblogs.com/developer-huawei/p/16629902.html

相关文章

  • 【快应用】如何实现账号应用转移
    问题背景:华为开发者联盟上用户的主题账号进行变更,需要将应用从一个帐号转移到另一个帐号进行维护。应用转移后需要AppID不变,转移前后应用的RPK包、原有的基础服务(如应用......
  • zabbix应用监控
    zabbix应用监控监控nginx#1.创建zabbix存放脚本目录[root@web01~]#mkdir-p/etc/zabbix/scripts#2.编写监控项脚本[root@web01~]#vim/etc/zabbix/scripts/n......
  • 2022百度世界大会精华总结(AI应用向)
    完整内容见微信公众号文章:https://mp.weixin.qq.com/s/0d4y9VzSVIcqemqp5O7nzA 官方主页:https://baiduworld.baidu.com/m/world/2022“感受科技,感知未来!7月21日,央视新......
  • 阿里云 ACK One 多集群管理全面升级:多集群服务、多集群监控、两地三中心应用容灾
    简介: 本文介绍了ACKOne近期发布的3个主要特性,覆盖了多集群管理的3个主要场景,跨集群服务发现与访问、多集群全局监控、应用容灾。除多集群管理外,ACKOne更是支持连......
  • 已整理-sshpass 脚本应用案例
     sshpass一个简单、轻量级命令行工具,提供非交互式密码验证原理:1、ssh直接使用TTY访问,以确保密码是用户键盘输入的。sshpass在专门的tty中运行ssh,以误导ssh相......
  • 虚拟数字人应用领域分布_虚拟数字人制作优点_广州华锐互动
    在元宇宙概念的影响之下,虚拟数字人市场也逐渐发展了起来,虚拟数字人逐渐出现在大家的面前。顾名思义,虚拟数字人便是虚拟人物,具有着数字化的外形,也有着人类的特征。数字人就......
  • 链式编程的总结以及在生产环境的应用
    链式编程是将多个操作通过点号"."链接在一起成为一个整体,从而更加的简洁方便。链式编程的原理就是每个操作完成后都会返回一个this对象,也就是返回对象本身!在生产实际环境的......
  • 折腾Nas——①执行Python应用
    ①虚拟机或直接安装Nas②开启SSH,并且安装Python3③登录后台sudo-i输入管理员密码,进入root模式④直接输入pip不可以,需要先安装。首先安装setuptoolswget--no-ch......
  • Vue刷新页面VueX中数据清空了,怎么重新获取?
    Vue刷新页面VueX数据清空了,怎么重新获取?点击打开视频讲解更详细在vue中刷新页面后,vuex中的数据就没有了,这时我们要想使用就要重新获取数据了,怎么在刷新后重新获取数据呢......
  • 搜索页面效果
    需求分析:1.默认显示搜索历史记录,搜索记录倒序排列且去除重复值。2.点击搜索后,显示搜索列表,历史记录隐藏。3.搜索值变化时,列表隐藏。搜索值为空时,历史记录显示。4.点击......