随笔分类 -  uniapp

微信小程序快速筛选出对象数组中的某个属性值
摘要：需求 微信小程序中的某个网络请求会获取到一个数组，数组的每个元素都是对象，对象中有 iconUrl 属性。现在要获取这个数组中的所有iconUrl值。 小程序运行到微信开发者工具，控制台打印数据为： 分析 因为数据较多，而且 this.scrollList 是对象组成的数组，所以数据没有直接展示出来 阅读全文
posted @ 2025-06-27 15:51 sunshine233 阅读(78) 评论(0) 推荐(0)
uniapp使用map显示多条polyline
摘要：参考链接： https://developers.weixin.qq.com/miniprogram/dev/component/map.html 微信开放社区问答 基础知识： 坐标系 wgs-84:地球坐标系（国际通用） gps gcj02:火星坐标系（wgs84加密）国内必须用加密后的坐标 bd 阅读全文
posted @ 2025-03-10 11:57 sunshine233 阅读(445) 评论(0) 推荐(0)
uniapp使用scroll-view嵌套时不触发滚动事件
摘要：参考链接： 微信文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html uniapp文档： https://uniapp.dcloud.net.cn/component/scroll-view.ht 阅读全文
posted @ 2025-03-10 11:25 sunshine233 阅读(450) 评论(0) 推荐(0)
uniapp + 微信小程序：新版canvas常用api及注意事项
摘要：关于新旧canvas的比较我以前写过一篇博客 ：https://www.cnblogs.com/sunshine233/p/17014701.html ，这里就不重复了。 但在正文开始之前，我不得不再说一遍微信的文档写的真垃圾。很多问题的答案都是在微信开发者社区里找到的。 一、新版canvas 基础 阅读全文
posted @ 2025-02-24 16:52 sunshine233 阅读(1246) 评论(0) 推荐(0)
uni-forms 和 uni-data-select 嵌套使用并校验
摘要：原来的方法步骤太繁琐，已经更新！ 使用 uni-forms-item 和 uni-data-select 嵌套时，首先要注意： :name=[ ] 属性必须使用动态绑定，而且数组中的字符串必须和 v-model 的属性完全相同，如 :name="[index, 'value']" v-model=" 阅读全文
posted @ 2024-03-11 11:25 sunshine233 阅读(2124) 评论(0) 推荐(0)
uni-forms的使用-1.4.10版本：基础使用和用v-for和动态绑定展示数据
摘要：【注意版本】 uni-forms 1.4.0 版本以后，很多用法和原来不一样。我使用的版本是 1.4.10 。 导入组件后： 使用<uni-forms>包裹<uni-forms-item>，<uni-forms-item>包裹其她组件，如 uni-easyinput、uni-data-select  阅读全文
posted @ 2024-03-06 13:23 sunshine233 阅读(2881) 评论(0) 推荐(1)
uniapp 中 this.$refs 无法获取组件
摘要：先排除这些原因： https://segmentfault.com/q/1010000043755258 https://ask.dcloud.net.cn/question/71788 https://www.cnblogs.com/e0yu/p/16135985.html https://blo 阅读全文
posted @ 2024-03-04 09:00 sunshine233 阅读(3576) 评论(0) 推荐(0)
微信小程序 mqtt 连接中断原因
摘要：上周开发微信小程序时新加了一个页面，复用了以前页面的逻辑，但是今天发现新加的页面出现了很奇怪的问题： 进入新页面后，点一下查询再退出页面，mqtt连接正常； 进入新页面后，直接返回退出页面，mqtt连接中断。 WebSocket connection to "wss://www.xxxx.com/m 阅读全文
posted @ 2023-10-23 10:37 sunshine233 阅读(646) 评论(0) 推荐(0)
uniapp 用view画抽奖转盘
摘要：实现思路： 因为是画转盘，而不是画扇形，所以可以绕过用view画扇形，直接画一个圆，然后画几条直径，把文字写入的时候旋转一下就可以了。 以6等分为例，实现步骤： 画转盘背景： 画一个圆，填充背景颜色； 用“子绝父相”布局，画一条直径，垂直居中； 再画一条直径，旋转60度； 画第三条直径，旋转120度 阅读全文
posted @ 2023-01-30 11:33 sunshine233 阅读(2279) 评论(0) 推荐(0)
uniapp 微信小程序使用新旧版本 canvas 对比、消除锯齿、处理重绘
摘要：微信小程序使用canvas时，分为旧版和新版。https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 旧版：不支持同层渲染，使用canvas的图层总在最上层。模拟器可能表现正常，但真机的canvas图层一定在最上层 阅读全文
posted @ 2022-12-30 15:00 sunshine233 阅读(3893) 评论(1) 推荐(0)
uniapp 使用 uni.createAnimation 旋转动画模拟抽奖
摘要：效果图如下： 用到的图片如下： wheel.png point.png api文档：https://uniapp.dcloud.net.cn/api/ui/animation.html#createanimation 代码如下： <template> <view> <view class="box" 阅读全文
posted @ 2022-12-23 09:26 sunshine233 阅读(989) 评论(0) 推荐(0)