钉钉手机网页应用更改标题栏

2019-02-14  本文已影响11人  不困于情

钉钉开发者文档

第一步 页面引入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文件。

上一篇 下一篇

猜你喜欢

热点阅读