uni使用的一些坑

已于 2022-04-28 14:35:08 修改
阅读量1k 收藏
点赞数
分类专栏： 微信小程序开发记录 文章标签： 小程序
于 2022-04-22 09:14:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010513497/article/details/124336866
版权

文章目录

相关问题记录

问题解决方式
使用uni.createSelectorQuery的方式获取指定组件的信息不执行放在this.$nextTick(function(){…})中执行
使用uni.createSelectorQuery的方式获取指定组件的信息data为null需要在加载数据后，再去获取组件信息，如果数据为空，那么获取到的data为null

解决方式相关

this.$nextTick

官方例子：
在这里插入图片描述
在这里插入图片描述
简单理解为：修改数据的时候，不会立马提现在页面上，如果要获取修改后相关的信息，需要使用到nextTick，将function中的操作延迟到DOM更新后，此时再获取信息就是新的信息

相关的文章记录

【汇总7种】–Vue 数据更新了但页面没有更新的情况

snotJam
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app日历使用的小坑
wangxiang__的博客
05-25 1万+
首先贴出uni-app日历组件的地址：http://ext.dcloud.net.cn/plugin?id=56 在网站中下载到本地后，将其放入项目组件的文件夹中后其使用方法为： <template> <view> <calendar :date="date" :lunar="true" ...
uni-app中使用scss的示例代码
12-14
整个一个下午我都在解决uni-app中使用scss的坑，首先说一下我的问题，在用scss时一直不能使用@mixin，然后百度各种办法调试： 代码写法问题（完全按官网的写法来的不可行）: 官网demo 浏览器问题（换火狐不行）。 ...
uniapp开发小程序使用腾讯云IM(初始化配置,登录,监听,加群)
weixin_42306105的博客
06-12 5184
以前没有使用过IM,由于需要所以刚接触了IM,开发过程也碰到了许多坑,不多说直接上代码 初始化配置main.js import TIM from './utils/tim-wx.js';//这两个文件自行去腾讯云下载 import COS from "./utils/cos-wx-sdk-v5.js"; let options = { SDKAppID: 0 // 接入时需要将0替换为您的即时通信 IM 应用的 SDKAppID ,id要去腾讯云控制台获得 }; // 创建 SDK 实例，`TIM.cr
uniapp的uni-im 即时通信使用教程【用户与商家对话、聊天 / 最新 / 最全 / 带源码 / 教程】
最新发布
m0_49714202的博客
12-16 2799
uniapp的uni-im 即时通信使用教程【用户与商家对话、聊天 / 最新 / 最全 / 带源码 / 教程】
uni-app的坑
m0_60855156的博客
08-17 1579
前者为异步操作，后者为同步操作，若后续的操作依赖于更改storage后的数据，则需要同步，否则后续操作执行时还是使用的未更新的数据。若后续操作无需用到更改的storage数据，则不需要立即同步，这时用异步操作即可，节省内存。uni.setStorage, H5端是缓存，可能会被清理；App端不是缓存，是持久化。...
uni-app使用时遇到的坑
weixin_45111741的博客
04-18 1408
但是预览或者上传时，使用http无法请求。在本地运行时，可以使用http。
uni-app 的坑
我思故我在-笛卡尔
09-11 413
vue3 data 数组无法赋值的问题
uni-app使用蓝牙
lw18751836671的专栏
01-09 6003
原因是公司要搞个共享单车给内部员工使用，所以需要用手机连接锁蓝牙，然后扫码开锁。这个时候就要看看uni-app的蓝牙模块了。uni-app的蓝牙模块看起来只支持低功耗蓝牙，即ble蓝牙。然后公司就找了个厂商，这个厂商就给了我一份文档，如下图所示，这份文档呢有一些指令，指令如下图，可以看到这些指令呢都是一些16进制的数据，即发送给蓝牙的数据为，0xfe 0x66 0x00 0x21 0x00 （app-车锁的模块）最后的CRC是将前面的数据加密。最后车锁会返回给APP数据，即 车锁-app模块。
使用uni-popup踩坑记录
m0_47807991的博客
07-14 640
uni-popup踩坑记录
uni-app微信小程序上使用ucharts地图时踩过的一些坑
shika233的博客
10-29 3588
地图注意事项 1、使用的地图json文件从http://datav.aliyun.com/tools/atlas/下载后不要随意修改，改下城市名称（不想显示全称的可以改一下）就差不多了，不然会引发后续一系列问题（我就是嫌地图文件太大，怕加载慢所以在网上找了一份简洁的，但是被教做人最后还是乖乖用回最初的） 2、不要在scrollView里使用地图！不要在scrollView里使用地图！不要在scrollView里使用地图，当然如果你用了没问题就当我没说，如果获取不到正确的currentIndex，那就是scr
uniapp-chat:借助uni-app开发的 chat聊天界面
05-11
遇到了一些坑，在此一一记录下来。当然，由于是新手，可能有些坑可以避开。 scroll-view高度的设置 输入内容后，必然要在对话界面的底部显示内容，但是在uni-app下不知道如何能操作DOM来显示和定位，有说需要通过uni...
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一...
【uni-app】uni从入门到放弃之踩坑集合
12-21
1.使用vue-cli创建的uni-app的静态资源必须存放在static文件夹下， 尝试了绝对路径，相对路径都报错，找了半个多小时才度娘出来， 根据：https://ask.dcloud.net.cn/question/76738 2.vue组件数据单向流设计模式 ...
uniapp关于scroll-view一直自动滚动到底部的功能
热门推荐
snoto的专栏
09-16 1万+
文章目录scroll-into-view使用scroll-top使用 需求：一般在scroll-view中会放置一个list列表，当列表条目增加的时候，使其自动滚动到底部显示最后一条 官方文档：scroll-view 有两个可用属性：声明scroll-into-view或者scroll-top 个人尝试后的结果，使用scroll-into-view在h5上有效，在微信小程序上无效；使用scroll-top在微信小程序也正常 scroll-into-view使用 <scroll-view scroll-
uniapp 深度选择器 ::deep
snoto的专栏
05-18 9970
文章目录使用场景解决方式 使用场景 引入使用了第三方的组件，想修改它的样式，找到其class名称，然后在style中重写该class，无效 原因：可以查看下面的文章 官方的解释 解决方式 比如我使用的是u-grid，看到它的class的层级是： <...u-grid...> <...u-grid-item...> <...u-grid-item-box...> ... ... 我要修改的是u-grid-item-box的内联样式的padding属性 使用深
uniapp尺寸适配的一些记录
snoto的专栏
12-18 9617
尺寸 可以参考 举例： 若设计稿宽度为 750px，元素 A 在设计稿上的宽度为 100px，那么元素 A 在 uni-app 里面的宽度应该设为：750 * 100 / 750，结果为：100rpx。 若设计稿宽度为 640px，元素 A 在设计稿上的宽度为 100px，那么元素 A 在 uni-app 里面的宽度应该设为：750 * 100 / 640，结果为：117rpx。 若设计稿宽度为...
uniapp使用videojs播放视频
snoto的专栏
04-23 7175
文章目录基本配置和使用配置后使用遇到问题（m3u8格式视频）播放页面请求url后播放不了播放页面退出后，再进入出错设置播放按钮位置 基本配置和使用 官方的文档 简单来说： 直接复制模板文件index.html，放在跟目录下 在manifest.json中配置，如图 按照官方文档进行初始化 配置后使用遇到问题（m3u8格式视频） 播放页面请求url后播放不了 解决方式：就在点击列表的时候请求url，进入页面初始化的时候就配置好请求到的url 播放页面退出后，再进入出错 解决方式：参考博文 就在onUnl
微信小程序之分享页面内容为空
snoto的专栏
12-10 6044
文章目录错误记录分享的关键方法：onShareAppMessage 错误记录 分享出去的页面，别人打开没有内容 解决方法参考文章 说是因为分享出去的页面的某些数据是上级页面传递过来的，结果直接分享出去的页面，别人打开是获取不到传递过来的数据的话，就空了 分享的关键方法：onShareAppMessage 官方文档 ...
uni-forms中lable
07-28
引用\[1\]: 小程序表单校验uni-forms正确使用方式及避坑指南 一、前言二、成果展示三、uni-forms即时校验四、uni-forms自定义校验规则五、uni-forms异步校验六、完整示例源码七、最后，点个赞。\[1\] 引用\[2\]: 实现即时校验，uni-forms需要加validate-trigger="bind"，同时input添加@blur="binddata('字段名', $event.detail.value)" 示例：<uni-forms ref="form" :modelValue="ruleForm" validate-trigger="bind"> <uni-forms-item label="账号" name="account"> <input v-model.trim="ruleForm.account" @blur="binddata('account', $event.detail.value)" placeholder="请输入您的登录账号" /> </uni-forms-item> </uni-forms> 四、uni-forms自定义校验规则。\[2\] 引用\[3\]: 在全网搜索很久后，最后在该组件下面看到了作者对类型问题的提问，在作者的推荐下，尝试使用开发文档中提到的“动态表单校验”来完整该需求。这里“动态表单校验”的大概意思是，单独给“uni-forms-item”写一个规则，将name以数组方式写，把后面多个key组合在数组中，写出来就是这样的。<uni-forms-item label="购入渠道" name="buyWay" required :rules="\[{'required': true,errorMessage: '该项必填'}\]" :name="\['buyInfo','buyWay'\]"> <uni-easyinput v-model="commodity.buyInfo.buyWay" placeholder=""> </uni-easyinput> </uni-forms-item>。\[3\] 问题: uni-forms中label属性的作用是什么? 回答: 在uni-forms中，label属性用于设置表单项的标签文本，用于描述该表单项的作用或内容。它通常与表单项的name属性配合使用，以便在用户界面上显示清晰的表单标签。\[2\] #### 引用[.reference_title] - *1* *2* [小程序表单校验uni-forms正确使用方式及避坑指南](https://blog.csdn.net/iamlujingtao/article/details/124757957)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案](https://blog.csdn.net/weixin_43403746/article/details/129306421)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值