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

最新推荐文章于 2024-01-20 17:50:36 发布
最新推荐文章于 2024-01-20 17:50:36 发布
阅读量1.4k 收藏 1
点赞数 3
CC 4.0 BY-SA版权
分类专栏： uniapp-支付宝小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fxdan/article/details/118157450
使用uniapp开发项目时，在兼容支付宝小程序过程中遇到了ReadMore组件显示异常的问题。原本在H5和微信小程序上运行正常的代码，在支付宝小程序上出现问题。通过查看文档并进行初始化组件高度的操作，成功解决了这个问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

最低0.47元/天 解锁文章

200万优质内容无限畅学
uniapp兼容微信小程序和支付宝小程序遇到的坑
RainHg的博客
07-26 6787
支付宝不支持v-show；v-html；支付宝导航栏差异；支付宝不兼容uni.createSelectorQuery().in中的in；支付宝客服相关；uniapp小程序超出限制；uniapp require 绝对路径引入文件报错“文件查找失败”；SyntaxError: Unexpected token } in JSON at position
淘宝小程序踩坑记录
最新发布
一个女胖子的博客
08-01 1792
最近搞了一套淘宝小程序配合淘宝店铺直接跳转，类似于扭蛋机那种机制，真是一路坎坷，一步一个坑，这里记录一下（前端）；
支付宝小程序开发踩坑笔记（支付宝、学习强国小程序）
前端学习笔记
01-20 1210
可惜这样也只能实现一半，与预期还是有出入，因为虽然值没有空格了，但是页面展示中依然会有空格。如果每次请求都要完整的写一遍上面的内容，那真的很令人绝望，尤其是需要改变服务器地址时，每次都全局替换，也绝对不是一个好的方式。这样的写法在低版本中未必支持，且即使不支持，小程序也不会提示，因此再遇到不支持的语法时，很难定位问题。如果仅是这样，只能实现双向绑定，无法达到禁止输入空格的预期，所以对数据进行处理。，不过能力很弱，仅支持 RSA 加解密能力，如需更多加解密的能力，建议使用。编解码函数，不幸的是，与。
uniapp运行到支付宝小程序踩过的坑
小白的博客
11-30 4714
1、运行的文件 hbuildx打包成功之后会唤起支付宝开发者工具，然后选择打开项目，最后选择下边的文件才能够成功打开 2、自定义组件没有办法使用的情况下，可以更改设置，点击详情------启用component2 ...
Picker——uniapp[uview]微信小程序兼容支付宝小程序
08-03 1456
博主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 1494
解决rich-text标签在支付宝小程序中内容不可见问题
解决 uView u-read-more 嵌套 rich-text 高度不对
MAIMIHO的博客
02-27 3643
因为 rich-text 里面有不少图片, u-read-more 计算高度后图片才加载出来, 高度就会不对. 解决方法就是, 在图片加载好后, 再调用一次 this.$refs.uReadMore.init(); 但 uni-app 的 rich-text 没有提供图片加载完成的事件. uView 有个 u-parse 富文本组件, 但加载出来的样式有问题. 只能从 u-read-more 组件下手. 方法是在 u-read-more 组件 toggleReadMore() 中再获取一次高度 node_
uni-小程序初次踩坑之旅
weixin_44811042的博客
04-21 1479
一、<navigator url=''></navigator>跳转无反应失效问题 1、路径与tabBar路径相同，设置open-type="switchTab" 2、路径为绝对路径或是相对路径 /pages/index/index或是 ../index/index 二、授权获取用户信息 1、 <button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">微信账号登录/注册&l
uni-app支付宝小程序map地图组件基础操作+画多边形+打点连线
zyj12138的博客
01-11 4180
显示气泡标注和多边形 <map v-if="longitude && latitude" style="width: 100%; height: 100%;" id="myMap" ref="myMap" :latitude="latitude" :longitude="longitude" :scale="16" :show-location="true" :enable-satellite="true"
升级Xcode6.3插件失效解决办法
u014536527的专栏
04-13 3204
Xcode6.3插件失效解决办法        升级完Xcode6.3突然间发现之前安装的所有插件都不生效了，费了九牛二虎之力找到了解决办法。。。      1.打开终端，输入以下代码获取到DVTPlugInCompatibilityUUID         defaults read /Applications/Xcode.app/Contents/Info DVTPlugIn
uniapp支付宝小程序项目rich-text不生效解决办法
HPlove__77的博客
09-21 1840
最近在用uniapp写支付宝小程序项目时，在一个需求中，后端返回富文本内容需要在小程序中显示。最后this.contentSign为rich-text组件中nodes绑定的内容。uniapp中的rich-text组件不能在支付宝小程序中显示的原因 是因为nodes只支持Array类型的参数。如果要方便使用rich-text可以通过引入插件的方式或者将nodes的值设置为Array类型。之后通过尝试各种方法，通过引入插件parse可以在rich-text组件中显示。如下这种的html标签包含的字符串。
前端基础代码
inexaustible的博客
04-18 1296
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 957
在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 902
可以在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 1123
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 1389
小程序真机调试报错 看下手机是不是和电脑练的同一个网！ 困扰一上午的问题，就是因为我手机调试没连WiFi，用的流量
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值