钉钉踩坑

钉钉镶嵌H5应用：

首先下载依赖，
index.html

<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.open.js"></script>

main.js

import * as dd from 'dingtalk-jsapi';

if(dd.env.platform!=="notInDingTalk"){  //此处避免非钉钉登录报错
  dd.biz.navigation.setLeft({        //左侧返回事件
    show: true,//控制按钮显示， true 显示， false 隐藏， 默认true
    control: true,//是否控制点击事件，true 控制，false 不控制， 默认false
    text: '返回',//控制显示文本，空字符串表示显示默认文本
    onSuccess : function(result) {
      // this.$router.go(-1);
      dd.biz.navigation.goBack({      //点击左侧返回触发goback
        onSuccess : function(result) {
          /*result结构
           {}
           */
        },
        onFail : function(err) {}
      })
    },
    onFail : function(err) {}
  });
}

new Vue({

});
if(dd.env.platform!=="notInDingTalk"){   //此处避免非钉钉登录报错
  router.beforeEach((to, from, next)=>{
    if (to.meta.title) { document.title = to.meta.title } // 在路由里面写入的meta里面的title字段
    // 设置钉钉导航栏标题 start
    window.dd.biz.navigation.setTitle({
      title: document.title, // 控制标题文本，空字符串表示显示默认文本
      // onSuccess: result => {},
      // onFail: err => console.error('设置导航栏标题错误', err)
    });
    next()
  });
}