UNIAPP 支付宝、钉钉小程序常见问题汇总
1、支付宝小程序把图片都转成了背景图片解决方法:在app.vue的style中添加 image{background-size:100% 100%; } 将整体背景图片设置宽高百分比即可。2、xxxxxx 被作为 component 使用,但没有 "component": true 声明”报错解决方法:在pages.json文件中去掉报错组件路径或者重写组件独立出来,小程序自定义组件不能既当组件又
1、支付宝小程序把图片都转成了背景图片
解决方法:在app.vue的style中添加 image{background-size:100% 100%; } 将整体背景图片设置宽高百分比即可。
/* #ifdef MP-ALIPAY */
image{
background-size:100% 100%;
}
/* #endif */
2、xxxxxx 被作为 component 使用,但没有 "component": true 声明”报错
解决方法:在pages.json文件中去掉报错组件路径或者重写组件独立出来,小程序自定义组件不能既当组件又当页面使用。
3、textarea 字数重叠
支付宝小程序textarea标签属性 maxlength已自带实现 0/2000效果,固通过条件编译移除相关代码
<!-- #ifndef MP-ALIPAY -->
<view class="tips" v-if="field.type=='textarea'">{{value&&value.length||0}}/{{field.max_value||txtLength}}</view>
<!-- #endif -->
4、v-for中,非 h5 平台 :key 不支持表达式 index+'_'
同级多个 v-for 时 key 的值是不允许重复的,key 的绑定是不支持表达式的,需改成不是同级的,增加 view 标签。
5、支付宝小程序目前仅支持GET、POST 请求
UVIEW 由于某些小程序平台的限制:
delete请求,不支持支付宝和头条小程序(HX2.6.15)
put请求,不支持支付宝小程序(HX2.6.15)
Http请求 | uView - 多平台快速开发的UI框架 - uni-app UI框架
6、v-html 仅支持HTML字符串,富文本 rich-text 标签仅支持html 数组
解决方案1 :采用 rich-text标签 ,使用mini-html-parser2插件将html字符串转换为html数组
安装插件
npm install mini-html-parser2 --save
引入插件
import parse from 'mini-html-parser2';
转换富文本信息
// #ifdef MP-ALIPAY
// html转换为支付宝富文本节点数组
list.map(item =>{
parse(item.content, (err, htmlNodes) => {
if(!err) {
tem.content = htmlNodes
}
});
return item;
});
// #endif
方案2:采用 u-parse 或 mp-html 标签替代,传html字符串即可
u-parse 是UVIEW自带的,使用方法:
<u-parse :html="content"></u-parse>
mpHtml 需要手动安装
mp-html 富文本组件【全端支持,可编辑】 - DCloud 插件市场
import mpHtml from "mp-html/dist/uni-app/components/mp-html/mp-html";
<mp-html class="rich_text" :content="content" />
7、af-appx.worker.min.js:26 Cannot read properties of null (reading 'split')
textarea、input标签双向绑定数据时,提示“系统错误,正在排查”,控制台没有报错
原因是绑定值的类型错误,类型只能为string,不能是null
更多推荐
所有评论(0)