uniapp开发支付宝小程序遇到的问题

1、支付宝不支持picker的mode属性,仅支付单项picker

解决方案:将多项picker进行拆分

2、不支持自定义头部导航

不支持的定义在于,无法通过navigationStyle的配置去掉顶部的默认返回按钮
uniapp开发支付宝小程序遇到的问题_第1张图片
始终左上角会有返回按钮盘踞,但是可以通过设置
uniapp开发支付宝小程序遇到的问题_第2张图片
达到一种类似与自定义导航的效果,但是点击左上角,还是会返回
uniapp开发支付宝小程序遇到的问题_第3张图片
看似自定义,实际上在左上角仍然有默认的返回按钮
在这里插入图片描述

3、span 标签上不能绑定事件

uni-app上是支持使用span标签写代码的,在编译时会被编译成label标签,而支付宝小程序在label上绑定事件不生效。

4、picker组件内部只能包含一个子元素

如果业务场景需要多个的话,就在外面包一个父元素

5、rich-text的nodes仅支持Array类型

注意html-parser针对一些复制过来的富文本内容可能会产生解析错误的问题,而使用原始string不会出问题。
uniapp开发支付宝小程序遇到的问题_第4张图片

6、class不支持[],object的形式进行动态绑定

可以使用string的形式绑定

7、input组件具有默认的白色背景和padding还有一些默认样式

可以在公共样式中覆盖

8、避免在slot内嵌元素上使用v-if条件渲染

在这里插入图片描述

9、uni.request的statusCode

uni.request发起请求,如果返回的statusCode是400
uniapp开发支付宝小程序遇到的问题_第5张图片
uniapp开发支付宝小程序遇到的问题_第6张图片
支付宝:会认为是请求失败
在这里插入图片描述
微信小程序:会认为请求成功
在这里插入图片描述
解决方法:可以让后端接口请求,如果请求通过,统一返回statusCode200,然后在返回的数据中再进行逻辑判断

10、label标签具有默认的行高

label{
	line-height:1.8
}

支付宝中label有1.8的行高,所有表现样式会比微信小程序高一些,可以在公共样式中重置

label{
	line-height:1
}

11、navigateBack的delta的值不能为-1

在微信小程序中如果想返回上一个页面,可以使用delta为-1或者1都行,但是H5和支付宝小程序使用-1会导致无法正常返回

欢迎评论 ^ _ ^

你可能感兴趣的:(uniapp)