美文网首页
vue的h5项目在钉钉中分享的样式

vue的h5项目在钉钉中分享的样式

作者: IssunRadiance | 来源:发表于2021-09-09 10:52 被阅读0次

1.在index.html中引入js文件

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

2.创建一个js文件ddapi.js

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();
},

相关文章

网友评论

      本文标题:vue的h5项目在钉钉中分享的样式

      本文链接:https://www.haomeiwen.com/subject/wlsiwltx.html