uniapp小程序加载出现undefined的问题

1年前作者：喜崽分类：Toy博客阅读(4)违法举报

这篇具有很好参考价值的文章主要介绍了uniapp小程序加载出现undefined的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

这是由于网络请求加载过慢，导致页面渲染的时候没有拿到数据，还在等数据慢慢加载，那怎么解决呢？

1.采用骨架屏的方式，提高用户的体验。请参考微信开发者工具生成骨架屏的方式。该方式生成两个文件，分别是wxml和wxss文件。将两个文件的内容放在一个test.vue(名字随意)，test.vue放在组件components目录下。

test.vue组件中也不要忘记写name，因为是组件

uniapp中开发小游戏使用ref获取dom实例,一直显示undefined,uni-app,小程序,前端

2.在该test.vue文件以组件的方式（怎么引入组件我就不多说了）引入到你需要的页面中，如果骨架屏的颜色你不喜欢，是可以在test.vue文件中修改样式的，效果如下

uniapp中开发小游戏使用ref获取dom实例,一直显示undefined,uni-app,小程序,前端

3.在页面中引入骨架屏，loadingShow为true显示；

当页面数据请求完成后---》loadingShow=false

顺序很重要，不要过早的将骨架屏隐藏哦！不让是会出现undefined的。

uniapp中开发小游戏使用ref获取dom实例,一直显示undefined,uni-app,小程序,前端文章来源地址https://www.toymoban.com/news/detail-803281.html

到了这里，关于uniapp小程序加载出现undefined的问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uniapp 微信小程序姓名脱敏 substring报错问题：Cannot read property ‘substring‘ of undefined
效果图：刘德华----------刘* 加v-if判断是因为如果是后台数据返回的字段，如果不加判断，substring的时候有可能数据还没渲染完，会报错
2024年02月15日
浏览(11)
【Vue】Vue的$ref属性为空对象或者为undefined问题及解决办法（涵盖uniapp/H5/微信小程序）
目录问题：获取this.$refs为空对象或者为undefined 原因一：在uniapp中，非H5端只能用于获取自定义组件，不能用于获取内置组件实例（如：view、text）解决方法：ref在非H5端使用在自定义的组件原因二：使用了版本过低的调试基础库原因三：ref组件使用了条件渲染，即v-if、v-
2024年02月09日
浏览(13)
uniapp 微信小程序分包打包流程出现的问题
uniapp 微信小程序 URL：小程序性能优化指南 | 微信开放社区主包只能2M,太小啦举个例子比如公司就是一个项目（小于20M），新来的同事就是一个文件吧，随着公司的人越来越多（项目也就是主包大于2M）,就需要划分部门，每个部门就可以理解为一个分包。 URL：使用分包
2024年02月09日
浏览(44)
uniapp开发app，在ios真机上出现的css样式问题
比如下面的问题，在iphone 13上出现，在iphone xR上正常。在iphone13上border边框有一部分不显示：在iphone xR上显示正常：解决办法是：将border边框设置中的1rpx改为1px，1rpx无法被有效识别为0.5px，1rpx只能被识别为1px 在iphone13上文字被遮盖：在iphone xR上显示正常：解决办法是：去
2024年02月08日
浏览(14)
小程序前端页面访问数据出现undefined
问题：已在data中声明dataList数组，且页面加载时调用了getData函数给dataList赋值，但是在前端使用wx-for遍历dataList数组时，出现undefined情况原因：页面的渲染和函数的调用异步执行解决办法：在success回调中使用setData函数，注意在success里使用this.setData时并不会对dataList赋值成
2024年02月06日
浏览(15)
uniapp小程序，部分 ios 真机测试出现 input 输入框内容跳动问题
前言：最近在写uniapp小程序，遇到一个问题，在此记录一下，也希望能帮助到一些小伙伴。问题：表单输入的时候，在个别 ios 真机上面测试时，快速输入和快速删除，会发现输入的文字或者数字，有自动删除、闪动、来回跳动等现象，经过查询各种资料，以及咨询官方得
2024年02月11日
浏览(13)
关于uniapp开发支付宝小程序出现的访问当前页面不存在的情况
目前使用uniapp开发经常出现的一个问题，点击跳转页面，显示该页面不存在的情况一开始是因为打包文件过大，导致的编译太慢，也会出现这个问题我是直接把node_modules里面的那个文件删掉了，先开发再说后面又出现了这个问题大概就是语法错误的时候也会出现再一个就是
2024年02月15日
浏览(11)
【uniapp 小程序】解决 map 组件出现标点（地图）自动偏移或 @regionchange 频繁触发的问题
在业务开发中出现了地图的中心标点向右侧缓慢移动的问题，在我解决后又发现了 @regionchange 方法出现了无限调用的问题。这几个问题属于微信 map 地图组件迟迟未修复的bug。本文仅解决与我相似的问题以做参考，并会附上对应的问题与参考的博客。 1、地图无操作下出现缓
2024年02月03日
浏览(11)
【debug】OpenCV出现问题：undefined reference to ‘cv::Mat::Mat()‘
参考：动手学ROS2 分析原因： undefined reference to \\\'cv::Mat::Mat()\\\' 原因在于g++找不到库文件，解决方法就是我们帮助它定位到库文件的位置，并通过-L参数指定库目录，-l（小写L）指定库的名字。解决方法：在执行命令时添加后缀参数
2024年02月08日
浏览(33)
HBuilderX使用uniapp中的video标签开发视频应用APP，出现视频覆盖＜view＞图层无法遮住等问题如何解决？
请使用cover-image或cover-view cover-image | uni-app官网 https://uniapp.dcloud.net.cn/component/cover-image.html#cover-image cover-view | uni-app官网 https://uniapp.dcloud.net.cn/component/cover-view.html#cover-view 情况1：如上图，注意要使用以下位置才能达到遮住的效果情况2：如上图，就直接用cover-view自定义一
2024年02月16日
浏览(39)