【dingding】钉钉H5微应用分享好友

在需要分享的页面引入dingtalk.js

<script type="text/javascript" src="https://g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js"></script>

import * as dd from "dingtalk-jsapi";

export default {
  ddShowMenu: function(title, img) {
    dd.ready(function() {
      dd.biz.navigation.setRight({
        show: true, 
        control: true, 
        text: '...', //空字符串表示显示默认文本
        onSuccess: function(result) {
          dd.biz.util.share({
            type: 0, //分享类型，0:全部组件 默认； 1:只能分享到钉钉；2:不能分享，只有刷新按钮
            url: '分享的地址',
            content: '分享的描述',
            title: '分享的名字！',
            image: '图片地址',
            onSuccess: function() {},
            onFail: function(err) {}
          })
        },
        onFail: function(err) {}
      });
    })
  }

}

3.在main.js中引入

import DDConfig from './assets/js/ddapi' // 钉钉分享  ddapi.js的路径
Vue.prototype.DDConfig = DDConfig;

4.在要分享的页面中调用

mounted() {
  this.DDConfig.ddShowMenu();
},