vue 解决钉钉h5微应用控制返回，并退出应用

最新推荐文章于 2024-10-16 21:14:02 发布

Y...................

最新推荐文章于 2024-10-16 21:14:02 发布

阅读量4.4k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/yyXieDaiMa/article/details/127102229

版权

针对钉钉微应用在iOS设备上需要点击两次返回键才能退出的情况，博主给出了解决方案。通过检测设备类型，使用钉钉提供的setLeft API在iOS端实现一次点击退出功能，而在安卓端则监听backbutton事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.情景：钉钉微应用，在首页点击返回按钮时，必须点击两次返回才能退出应用。

2. 解决方案：查看钉钉开发文档说明，backbutton 事件监听仅支持安卓端，ios端推荐使用setleft API来控制返回。官方：钉钉开放文档

  mounted () {
    const u = navigator.userAgent
    const that = this
    const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
    if (isiOS) {
      dd.biz.navigation.setLeft({
        control: true,
        onSuccess: function () {
          if (that.$route.path === '/institution') {
            dd.biz.navigation.close()
          } else {
            window.history.back()
          }
        }
      })
    } else {
      document.addEventListener('backbutton', function () {
        if (that.$route.path === '/institution') {
          dd.biz.navigation.close()
        }
      })
    }
  },