uniapp-支付宝小程序踩坑记录

Uniapp支付宝小程序ReadMore兼容问题解决
最新推荐文章于 2024-12-03 12:13:07 发布
原创 最新推荐文章于 2024-12-03 12:13:07 发布 · 1.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

使用uniapp开发项目时，在兼容支付宝小程序过程中遇到了ReadMore组件显示异常的问题。原本在H5和微信小程序上运行正常的代码，在支付宝小程序上出现问题。通过查看文档并进行初始化组件高度的操作，成功解决了这个问题。

uniapp-支付宝小程序-ReadMore兼容问题
最近用uniapp做项目，发布了h5，和微信小程序，根据需求还要发布个支付小程序，第一次做支付宝小程序（吐槽下，支付宝的开发工具是真的难用啊😂）
回归正题，兼容支付宝小程序的时候没真的是遇到的坑不少，uniapp我用的是uview组件库，有个页面用到ReadMore 展开阅读更多这个组件。在h5和小程序上都是正常的。
原先代码：在这里插入图片描述
看官方文档，并没有什么错是吧😂
h5和小程序上是这样的：
在这里插入图片描述
结果支付宝小程序是这样的：
在这里插入图片描述
点来了，怎么解决呢，直接上图：
在这里插入图片描述
根据查看文档，这里需要初始化来获取下组件高度
在这里插入图片描述
完美解决问题✌️✌️✌️

最低0.47元/天 解锁文章
解决 uView u-read-more 嵌套 rich-text 高度不对
MAIMIHO的博客
02-27 3777
因为 rich-text 里面有不少图片, u-read-more 计算高度后图片才加载出来, 高度就会不对. 解决方法就是, 在图片加载好后, 再调用一次 this.$refs.uReadMore.init(); 但 uni-app 的 rich-text 没有提供图片加载完成的事件. uView 有个 u-parse 富文本组件, 但加载出来的样式有问题. 只能从 u-read-more 组件下手. 方法是在 u-read-more 组件 toggleReadMore() 中再获取一次高度 node_
uniapp兼容微信小程序和支付宝小程序遇到的坑
RainHg的博客
07-26 7040
支付宝不支持v-show；v-html；支付宝导航栏差异；支付宝不兼容uni.createSelectorQuery().in中的in；支付宝客服相关；uniapp小程序超出限制；uniapp require 绝对路径引入文件报错“文件查找失败”；SyntaxError: Unexpected token } in JSON at position
支付宝小程序开发踩坑笔记（支付宝、学习强国小程序）
前端学习笔记
01-20 1324
可惜这样也只能实现一半，与预期还是有出入，因为虽然值没有空格了，但是页面展示中依然会有空格。如果每次请求都要完整的写一遍上面的内容，那真的很令人绝望，尤其是需要改变服务器地址时，每次都全局替换，也绝对不是一个好的方式。这样的写法在低版本中未必支持，且即使不支持，小程序也不会提示，因此再遇到不支持的语法时，很难定位问题。如果仅是这样，只能实现双向绑定，无法达到禁止输入空格的预期，所以对数据进行处理。，不过能力很弱，仅支持 RSA 加解密能力，如需更多加解密的能力，建议使用。编解码函数，不幸的是，与。
uniapp运行到支付宝小程序踩过的坑
小白的博客
11-30 4915
1、运行的文件 hbuildx打包成功之后会唤起支付宝开发者工具，然后选择打开项目，最后选择下边的文件才能够成功打开 2、自定义组件没有办法使用的情况下，可以更改设置，点击详情------启用component2 ...
Picker——uniapp[uview]微信小程序兼容支付宝小程序
08-03 1496
博主uview-ui版本1.8.3 PICKER-时间选择组件-生日范围选择 my.datePicker 支付宝小程序api提供地址：在这里~ 地址：https://opendocs.alipay.com/mini/api/ui-date <button class="page-body-button" type="primary" onTap="datePicker"> 选择日期：yyyy-MM-dd </button> ~~直接由onTap事件转化为click时间即可~~ &l
支付宝小程 rich-text标签不显示问题解决
喵小七不定时的日常
09-26 1537
解决rich-text标签在支付宝小程序中内容不可见问题
uni-小程序初次踩坑之旅
weixin_44811042的博客
04-21 1534
一、<navigator url=''></navigator>跳转无反应失效问题 1、路径与tabBar路径相同，设置open-type="switchTab" 2、路径为绝对路径或是相对路径 /pages/index/index或是 ../index/index 二、授权获取用户信息 1、 <button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">微信账号登录/注册&l
使用Uniapp开发钉钉小程序--有你，全是坑，有你，我幸运！！！
Hwyll的博客
08-17 7996
Uniapp踩坑日记前言一、页面添加图片二、添加map组件总结 前言 最近，公司让我独立开发一个钉钉小程序，于是乎就用了uniapp！谁会想到，地狱之门就此打开了！ 全网唯一，持续更新中！！！ 一、页面添加图片 添加图片 重点来了！！图片没有显示出来！！路径没错啊！！！ 难道是img很大，要wait一会？？？ 不行，喊人帮忙！！！ 学姐思考了一番，突然，要放在static文件夹下！！！ 这样一来的话，是可行的！可我还是不清楚原理，知道的小伙伴们在下面留言咯！！ 二、添加map组件 微信小程序自己
前端框架-小程序uniApp
最新发布
aming小老弟
12-03 1475
获取集合Collection示例如下。nosql 非关系型数据库。
升级Xcode6.3插件失效解决办法
u014536527的专栏
04-13 3217
Xcode6.3插件失效解决办法        升级完Xcode6.3突然间发现之前安装的所有插件都不生效了，费了九牛二虎之力找到了解决办法。。。      1.打开终端，输入以下代码获取到DVTPlugInCompatibilityUUID         defaults read /Applications/Xcode.app/Contents/Info DVTPlugIn
uniapp支付宝小程序项目rich-text不生效解决办法
HPlove__77的博客
09-21 1981
最近在用uniapp写支付宝小程序项目时，在一个需求中，后端返回富文本内容需要在小程序中显示。最后this.contentSign为rich-text组件中nodes绑定的内容。uniapp中的rich-text组件不能在支付宝小程序中显示的原因 是因为nodes只支持Array类型的参数。如果要方便使用rich-text可以通过引入插件的方式或者将nodes的值设置为Array类型。之后通过尝试各种方法，通过引入插件parse可以在rich-text组件中显示。如下这种的html标签包含的字符串。
前端基础代码
inexaustible的博客
04-18 1313
1、字符串+值 < ... :placeholder=" '回复用户id为' + item.uid "/> 2、ReadMore 展开阅读更多 <template> <u-read-more show-height="250"text-indent="0" :toggle="true" close-text="点击展开详情"> // 内容 <view> ...... </view> &...
uniapp中用uview的u-read-more遍历显示一个数组的内容，每个数组中的内容占用一行，使用模板字符串渲染...
weixin_42587866的博客
01-18 995
在uniapp中使用uview的u-read-more组件遍历显示一个数组的内容，每个数组中的内容占用一行，可以使用v-for指令来遍历数组中的每个元素。在模板中使用模板字符串来渲染每一行的内容。例如： <template> <div> <u-read-more v-for="item in items" :key="item.id" :text="ite...
uniapp用uview的u-read-more遍历显示一个数组的对象内容，使用模板字符串渲染
weixin_35755188的博客
01-18 938
可以在Uni-app项目中使用uView库中的u-read-more组件来遍历显示一个数组中的对象内容，并使用模板字符串来渲染。 示例代码： 1.在项目中安装 uView-ui npm i uview-ui ...
uniapp ui框架——uView
热门推荐
北桥T的博客
05-23 2万+
引子 小编很荣幸能在疫情期间认识uView的作者，并且成为uView的核心研发组成员之一。虽然我还是一名在读的大二学生，但我被作者的开源精神所感动，也因为uView想做uniapp生态标杆框架的精神所膜拜。在uView还未发布之前，我和作者就聊了很多关于uView的种种。uView作者为此框架付出了很多的心血，经常熬夜加班到凌晨四五点。他说这就是开源精神，我们所做的一切，都是有意义的。 虽然代码很重要，但在开源项目里，源码只是重要的因素之一。正如一位互联网人说过的一句话：没有社区的开源项目，其源码会一直停留
Vue实现长文本阅读更多功能
weixin_44817680的博客
03-17 1148
Vue实现长文本阅读更多功能vue实现HTMLCSSJSjquery实现HTMLCSSJS vue实现 HTML <div class="sidebar-box" ref="sidebarBox" style="height:auto"> <p class="jj" ref="p1" style="margin: 0"> {{item.jj}}</p> <p class="yj-class" ref="p2"
uniapp微信小程序&支付宝小程序的初体验，记录一些初次遇到的大坑小坑~
qq_57219457的博客
02-25 1万+
1、微信小程序 首先，微信公众平台上注册一个小程序，这里有个大坑，就是一个邮箱只能注册一个小程序，一旦注册就不能注销啦。注册好微信小程序前期就要一个AppID就好。微信公众平台扫码-->微信选择登录的小程序-->开发-->开发管理-->开发设置下就可以找到AppID了，把他复制下来到项目-->manifest.json-->微信小程序配置,zhan 然后，我们需要下载微信开发者工具，然后安装，记住安装的路径，然后在hbuildx的工具-->设置-->运行配
小程序真机调试报错
葡萄要吃山竹的博客
06-17 1436
小程序真机调试报错 看下手机是不是和电脑练的同一个网！ 困扰一上午的问题，就是因为我手机调试没连WiFi，用的流量
知了配音小程序：个人开发的uniapp-cloud源码
- **知了配音小程序源码UNIAPP-Cloud前后端源码**：标题表明我们所讨论的是一个名为“知了配音”的小程序源码，该源码是基于UNIAPP结合Cloud技术开发的前后端一体化解决方案。UNIAPP是一个使用Vue.js开发所有前端...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值