钉钉导航栏分享按钮的显示/隐藏
隐藏
进行钉钉开发后，打开应用时右上角会有三个小点点"…"，打开之后会显示一些分享功能或者查看链接的功能，这样对于应用的安全是存在隐患的，那么如何来屏蔽这些按钮功能呢。
根据钉钉文档说明，移动端 js api需要引入
<script src="//g.alicdn.com/dingding/dingtalk-jsapi/2.0.8/dingtalk.open.js"></script>
这里说的是vue的用法，如果用jq的同学把函数变下就好
dingLogin: function () {
if (dd.ios || dd.android||dd.pc) {
///如果是钉钉客户端进入
dd.biz.navigation.setRight({
show: false, //控制按钮显示， true 显示， false 隐藏， 默认true
})
}
},
经过这样的代码设置，导航的分享按钮不见了，应用安全性也增加了。
显示
分享时候自定义内容和标题
// 根据钉钉文档说明，移动端 js api需要引入
<script src="//g.alicdn.com/dingding/dingtalk-jsapi/2.0.8/dingtalk.open.js"></script>
dingLogin: function () {
var self = this;
if (dd.ios || dd.android||dd.pc) {
///如果是钉钉客户端 进入
dd.biz.navigation.setRight({
show: true, //控制按钮显示， true 显示， false 隐藏， 默认true
control: true, //是否控制点击事件，true 控制，false 不控制， 默认false
showIcon: true, //是否显示icon，true 显示， false 不显示，默认true； 注：具体UI以客户端为准
onSuccess: () => {
//如果control为true，则onSuccess将在发生按钮点击事件被回调
dd.biz.util.share({
type: 0, //分享类型，0:全部组件 默认； 1:只能分享到钉钉；2:不能分享，只有刷新按钮
url: window.location.href,
content: '我是分享的内容!',
title: '我是分享的标题',
image: 'http://pic24.nipic.com/20120906/2786001_082828452000_2.jpg',
onSuccess: function () {
//onSuccess将在分享完成之后回调
alert('偶哟分享成功了', window.location.href);
/**/
},
onFail: function (err) {
alert('好遗憾，分享失败了');
}
})
},
onFail: () => {
},
});
}
},
更多自定义导航请参考官网API：https://open-doc.dingtalk.com/microapp/dev/pqgdu0#a-nameescmqqa设置导航栏右侧多个按钮
来源：oschina
链接：https://my.oschina.net/u/4265496/blog/4697881