钉钉手机网页应用更改标题栏
gyh 2018-09-09
# 第一步 页面引入 js 文件
请先在页面引入 js 文件： http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js 或者 https://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js 引入 dingtalk.js 会得到一个全局变量 dd，支持 amd、cmd 引入方式 注意：js 文件版本在升级功能时地址会变化，如有需要（比如要使用新增的 JSAPI）,请随时关注地址变更，但是旧版本 js 文件也将一直可用。
# 第二步 调用 JSAPI 组件
注意：所有 JSAPI 组件的调用，必须在 dd.ready 里面执行。 一个测试用例：
dd.ready(function() {
dd.device.notification.confirm({
message: "你爱我吗",
title: "提示",
buttonLabels: ["爱", "不爱"],
onSuccess: function(result) {
//onSuccess将在点击button之后回调
/*
{
buttonIndex: 0 //被点击按钮的索引值，Number类型，从0开始
}
*/
},
onFail: function(err) {},
})
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
更改标题栏标题：
dd.ready(function() {
dd.biz.navigation.setTitle({
title: "这是标题",
onSuccess: function(result) {
// alert('succcess')
},
onFail: function(err) {},
})
})
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 提别提醒
我用的是 vue 写的，更改页面标题是在 router.beforeEach 中根据不同的路由页面设置的。 特别提醒可以直接在 router.js 中使用上面的代码，但是记住第一步不要忘了，你可以直接在根目录的 index.html 中引入 js 文件。