第一步 页面引入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) {}
});
});
更改标题栏标题:
dd.ready(function() {
dd.biz.navigation.setTitle({
title: "这是标题",
onSuccess: function(result) {
// alert('succcess')
},
onFail: function(err) {}
})
})
提别提醒
我用的是vue写的,更改页面标题是在router.beforeEach中根据不同的路由页面设置的。
特别提醒可以直接在router.js中使用上面的代码,但是记住第一步不要忘了,你可以直接在根目录的index.html中引入js文件。
网友评论