钉钉小程序踩过的坑

钉钉小程序开发注意事项-2020.05.19

一.模板

Template作为弹框切记慎用input,原因弹框写的动画用position: absolute;或者position: fixed;定位时手机端钉钉小程序input没有使用原生属性导致无法解决键盘顶起页面的BUG,会造成页面被顶起来弹框过高会造成input不可见,如果使用请把input放到最下面。 [^适用于用于所有的定位元素块上]

二.Input

钉钉小程序input目前只支持text、search所以其他多余的属性都不支持如图
在这里插入图片描述
举例:调用数字键盘做纯数字输入框
因为钉钉bug虽然不能用number属性但是直接写这个属性还是可以调起数字键盘的<但是这个键盘可以返回到英文和中文界面>那我们就可以来做些处理使用户只能输入数字了,我第一想到的是onKeypress原生方法写一个正则限制输入

onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode||event.which)))" 

正则限制为数字才能输入,后来发现我太年青了,钉钉把原生属性限制的死死的,试了好几种最后只能用最笨的方法了了:示例

  <input value="{{InsuredPrice}}" type="number" class="input" onInput="bindKeyInput" placeholder="未保价货品最高赔付9倍运费,建议保价" />

bindKeyInput(e) {
    let value = e.detail.value;
    this.setData({InsuredPrice:value});
    let KeyInput = value.replace(/[^0-9]/ig,"");
    this.setData({InsuredPrice:KeyInput})
  },

1.因为钉钉的机制你只能先给input赋值后在修改值在复制,原因是你直接赋值是不能修改页面的input的值。
2.input的onInput方法还有一个坑在手机端输入±等符号返回的值是空的你想做写修改时这时很坑的如你获取不到正常输入的值如:原来输入框中时123此时输入了一个符号e.detail.value获取到的是空导致获取不到原来值请注意<此处巨坑无比>

三.更新管理小程序

dd.getUpdateManager IDE报错不用管这个是V2引擎可用的小程序切换引擎请参考小程序引擎升级计划https://ding-doc.dingtalk.com/doc#/dev/hi3eyb <注意这个是有延迟的发布新版本后不是第一时间就能更新的>

四.企业定制应用无法进行真机测试体验版也是无法使用

             请进行发布后调试,或者开一个测试站发布测试

五. getCurrentPages页面站问题

调用页面站一般就是为了在当前页面修改上个页面的数据如:

    let pages = getCurrentPages();
    let prevPage = pages[pages.length - 2];
    prevPage.setData({
        addressArr:[],
        isPlaceholder:false,
        is_default_index:0,
        addressArr_id:[],
        addressArr_index:[],
        page:1,
        last_page:0,
        getAddressType:true
    })
    // prevPage.getAddress(1);
    dd.navigateBack()

prevPage.getAddress() 只有ios可以安卓目前是不支持的解决方法在上个页面onshow中加判断如

  onShow(query) { 
    // 页面显示
    if(this.data.getAddressType == true){
        this.getAddress(1)
    }
  },

如有下个页面则调用方法后记得把getAddressType修改为fasle

            以上请及时注意钉钉更新BUG已提交可能下个版本就修复    记于2020/5/26
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
Taro 钉钉小程序是一种基于 Taro 框架开发的小程序应用,它提供了丰富的开发工具和组件库,帮助开发者更高效地构建小程序应用。其中,饼图是 Taro 钉钉小程序中常用的一种数据可视化图表。 饼图通常用于展示数据的比例关系,并帮助用户更直观地理解数据的分布情况。在 Taro 钉钉小程序中使用饼图可以通过引入相应的组件库来实现。开发者可以使用这些组件库提供的饼图组件,传入相应的数据和样式参数,即可在小程序中呈现出漂亮的饼图。 Taro 钉钉小程序饼图组件通常具备一些常见的功能和特性,比如支持设置饼图的大小、颜色、标签等。开发者可以根据实际需求,整这些参数以得到适合自己应用场景的饼图。 获取数据通常是开发饼图的重要一步。在 Taro 钉钉小程序中,可以通过用接口或者请求后台接口来获取数据,并将数据传入饼图组件进行展示。数据可以是一个数组,每个元素代表一个数据项,包括数据的值和对应的标签。 饼图常用于展示数据的占比和比例关系,因此对于大数据量的饼图,可以使用数据筛选和排序等方式来优化展示效果。此外,还可以添加动画效果来提升用户体验,让饼图更具吸引力。 总的来说,Taro 钉钉小程序饼图是一种在小程序中常用的数据可视化图表,通过引入相应的组件库,开发者可以方便地创建自定义的饼图,并展示数据的比例关系,从而让用户更好地理解和分析数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值