小程序踩坑

在项目中使用的是 uni-app 适应多端、多套部署。

但是在实际开发过程中,由于各端、框架的差异会出现一些奇葩的问题。

一、元素事件绑定

在uni-app 插件市场找了一个tab组件:searchTabbar

微信小程序中使用正常,但是在钉钉小程序中一直点击无效。

代码是:

<div class="nav-btn">
    <span class="nav-btn-item" v-for="item in arrs" :key="item.value" @click="onItemClick(item)" :class="[value === item.value ? 'nav-btn-item--active' : '']">
        {{ item.label }}
    </span>
</div>

完全看不出问题来。

再看 uni-app 生成的钉钉代码 span 用 label。

结果……

在钉钉开发文档中看到:

label 在钉钉小程序里面根本没有点击的事件,所以即使绑定了也无效。

关于元素属性:

1、微信:原生元素的本身属性都可以使用,在此基础上又进行了一定的扩展

2、钉钉:只有官方文档列出的属性,才可以使用,否则无效!!!

二、cookie

小程序中用到权限认证这一块,在登录后每次的请求都需要带上 cookie。

在 PC 端浏览器会自动带上 set-cookie ,小程序中有所差异。

1、微信小程序,需要手动在 request 的 header 中添加 

2、钉钉小程序中会自动带上 set-cookie 中的值,不需要手动添加(IOS 系统中不会携带,还是需要手动添加)

3、钉钉小程序 response 返回的结构不一样,不能用以前的方法解析(开发工具中和其他一样,真机下结构变了……,很坑的一点

三、fail url not in domain list

微信小程序,配置好域名。但是一直报这个错误。

另外一个配置统一的域名都没有问题。

问题:

想了下配置过程:先上传版本后,配置的域名(先后关系)

解决:

删除已经上传的版本,重置配置域名,再发布。这时就可以正常访问

后续待更新……

原文地址:https://www.cnblogs.com/zhurong/p/14368637.html