钉钉小程序开发遇到的坑

       根据钉钉开发文档进行钉钉小程序原生开发

四、钉钉小程序与微信小程序的区别

       可参考:https://www.cnblogs.com/dora-zc/p/10963644.html

五、开发中遇到的问题及解决方案:

1、dd.navigateTo跳转到 tabbar 页面,底部不显示tab 栏?

解决方案:dd.navigateTo 和 dd.redirectTo 不允许跳转到 tabbar 页面;如果需要跳转到 tabbar 页面,请使用 dd.switchTab。

 

2、登录页面报错:setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op.Please check the code for the xxx component.

原因:登录页面用了计时器,当页面跳转到主页后,登录页被关闭,但计时器的setData依然在执行

解决方案:在onUnload里执行清除计时器 →    onUnload() { this.countdownHoldStop()},

 

3、事件如何传参?

(1)给组件设置data-*属性,如:<view class="item-box" data-item="{{item}}" onTap="toSignedDetailPage">

(2)获取参数:toSignedDetailPage(event){console.log(event.target.dataset.item)}

 

4、当参数为对象或数组时,页面跳转时如何传递参数?

解决方案:

(1)通过encodeURIComponent() 函数可以把字符串作为 URI 组件来进行编码,例如:

let detailData=JSON.stringify(event.target.dataset.itemDetail)

dd.navigateTo({ url: '/pages/signedDetail/signedDetail?detailData='+encodeURIComponent(detailData) })

(2)在跳转到目标页面接收时用decodeURIComponent对URI 组件进行解码,后面在通过JSON.parse()将变量还原,这样子就能达到预期效果了。

例如:let jsonData=decodeURIComponent(query.detailData)

 

5、scroll-view(可滚动视图区域)设置height:100%或flex:1无效

解决方案:可以动态计算高度或者使用height:calc(100vh) 。一定要给 scroll-view 设置方向属性 如:scroll-y="{{true}}" 

 

6、父子组件如何通信?

https://www.cnblogs.com/wgl0126/p/11419345.html

 

7、各个单独页面的json文件的defaultTitle配置不生效?

解决方案:通过dd.setNavigationBar设置,例如: dd.setNavigationBar({title: "登录"}),放在onLoad里

 

六、钉钉小程序存在的bug

1、dd.showToast经常不起作用

2、canvas执行clearRect()清除后依然存在,不能有效清除

3、自定义组件路径一定要放在项目根目录,否则会解析不出来

 

七、钉钉小程序H5集成

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgxyg.html