vue踩坑之无语

最新推荐文章于 2024-10-14 13:22:38 发布
最新推荐文章于 2024-10-14 13:22:38 发布
阅读量102 收藏
点赞数
分类专栏： axios 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/minionsH/article/details/125325574
版权
在Vue项目中遇到'Cannot read properties of undefined'错误，通过移除特定代码部分解决了问题。博主分享了解决步骤，关键在于将数据初始化提前到created钩子函数中运行。
摘要由CSDN通过智能技术生成

项目报错：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')

request.js里面是这样写的，del掉如下图，项目就好了

原理：

（1）我把获取数据也就是页面数据初始化放在了created里面

（2）先运行了created然后在拿到数据，所以如上图所示，就可以跑通了

最后是我也母鸡啥原因！！请知道原因的程序媛告知一下，谢谢！！！！

minionsH
关注
专栏目录
导入semantic-ui-css/semantic.min.css样式失败
ljpailsy的博客
09-26 604
​ 问题：导入semantic-ui-css/semantic.min.css样式失败 原因：特殊符号导致的包导入失败,react scripts 版本5.0.1会报错，4.0.3不会
vue使用swiper踩坑（轮播图不自动播放，上一张下一张按钮不起作用）
qq_36070003的博客
05-28 2310
为了不浪费大家时间，先说一下，最后解决办法是使用vue-awesome-swiper，并且要注意版本号及其对应的API，本文中的API写法和3.1.3版本的vue-awesome-swiper是对应的，可以实现轮播图自动播放以及前一张后一张按钮 不失效。 一个心路历程 准备使用swiper实现轮播图 根据Swiper API官网： 首先，安装依赖包 $ npm install swiper 导包及使用 // import Swiper JS import Swiper from 'sw.
Web前端-Vue控制台报错：Uncaught (in promise) TypeError:
MinggeQingchun的博客
12-13 2万+
开发前段时经常遇到如下报错： Uncaught (in promise) TypeError: 大致错误有如下三种： 1、使用的参数可能为null 或者 undefined 2、返回的参数有重复 3、未捕获异常 如，我在后台Java（前端Vue，后端Java都是本人开发）中，判断了用户名是否为空，抛出了一个异常错误： if(user.getUserName() == null) { throw new RuntimeException("请填写用户名!"); } js中在 pr..
Node Buffer模块
路虽远，行则必至！
08-19 874
一、初识 Buffer 除了模块之外，Node 还弥补了语言另外一个不足之处，那就是对二进制数据的处理。 buffer 是一个表示固定内存分配的全局变量（也就是说，要放到缓冲区中的字节数需要提前定下），它就好比是一个八位字节元素组成的数组，可以有效地在 JavaScript 中表示二进制数据。 实际上 Buffer 中的内存不是通过 JavaScript 分配的，而是在底层通过 C++ 申请的...
Unhandled promise rejection错误解决
baidu_36095053的博客
07-19 4万+
现象：后台数据有正常返回，但前端报错：Unhandled promise rejection
启动node服务器时报错
凤凰鸣矣的博客
07-26 2695
学习Ajax遇到的问题
组件引入失败/vue小白踩坑记
evennight的博客
04-04 402
百度说是和H5的新标签重名了，真的很无语我找了半个小时，原来是这个问题，这也侧面证明了实时看控制台报错非常重要，不要老怀疑自己。刚开始以为是自己的引入方式有问题，我使用的是局部引入的方式,mask组件引入到home里面。后来看footer组件能用同样的方式引入成功，控制台报以下错误。开始没有看控制台，就一直各种百度找问题。
Vue-element 引用FileSaver xlsx 导出excel踩坑
FFFAN_KIKI的博客
04-18 744
一大早上也是有被自己蠢到，就说为啥一直导出按钮没反应原来我只引用了这个。 其实还需要再引用一个 然后还得设置全局变量 怪不得我的按钮没反应，无语辽。 最后附上导出excel代码 ...
vue的路由踩坑坑……之路（＜router-link/＞，＜router-view/＞）之router-link跳转时浏览器的路径是正确的，而router-view却不渲染数据？？？
BubbleABC的博客
06-26 877
为什么我的router-link跳转时浏览器的路径是正确的，而router-view却……为什么不渲染数据？？？这个问题我纠结了好几个小时。。到最后，真真真……（无语子） 先上图，看目录： 我的目录长这样 接下来我会用到这几个页面： 1，HelowWorld.vue页面（上代码）： <template> <div class="hello"> 你好你好你好 <h1>这里是HelloWorld</h1> <p>
vue框架下：label+input选择文件上传文件(踩坑)
weixin_45925443的博客
10-05 1944
在事件函数里面改变data中是数据时页面并不会渲染，但是事件触发且通过`console.log`可以输出改变后数据。
在vue中使用Swiper实现自动轮播效果那些坑
ggbee_的博客
09-08 2499
首先是在安装vue-awesome-swiper包之后，引入import'swiper/css/swiper.css'文件后一直报错，我首先以为我要安装这个文件........就很无语，根据我查资料发现，根据不同的swiper版本不同，引入的CSS文件也不一样，然后我需要引入import"swiper/swiper-bundle.css" 文件就就不会再报错了。 没有这个错误之后我就准备开心的写轮播了，然后发现，轮播实现之后，就是不出现分页条，也不能实现自动轮播！！！！！！我太难了使用写个...
uniapp学习（遇到的坑）
weixin_58896221的博客
07-28 2608
vant组件初步引用报错问题，axios,mockjs，Toast直接使用报错，vuex
【nodejs】Node.js 中的 UnhandledPromiseRejectionWarning 问题
热门推荐
DreamSeeker_1314的博客
08-08 5万+
问题引入：今天在 Gulp 构建任务中出现一个 html 解析错误，但是并没有报错，也没有中断 gulp 构建任务的执行，而是出现 UnhandledPromiseRejectionWarning 的警告，所以会误以为构建成功，这篇文章将对此进行探究并解决该问题。 1 2 3 4 5 (node:24866) UnhandledPro...
node中为什么会出现这个问题UnhandledPromiseRejectionWarning
weixin_41277748的博客
03-29 2万+
大哥不想看详细的就直接看最后 在使用validate.js规则验证时把所有字段都加入值后结果报这个问题UnhandledPromiseRejectionWarning 在服务层使用validate.js规则验证 进行测试 终于发现设置的时间规则的时候时不能早于两年，而添加的时间是10年，所以改一下时间就好了 通过这里可以知道，报这个就是这个规则的验证中出现了问题 本应该如果不符合该规则，应该会报这个时间不符合什么的，可结果结果没有打印，打印的是UnhandledPromise
腾讯IM SDK：TUIKit发送多张图片
q1003675852的博客
10-09 453
本文记录腾讯IM SDK：TUIKit发送多张图片的实现方法
vue3 Invalid value type passed to callWithAsyncErrorHandling()
w710537643的博客
10-11 359
vue3 提示警告。页面内点击按钮无响应。和 事件方法名 重名导致。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 494
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
Vue3动态组件component不生效问题解决方法
最新发布
Java_fenxiang的博客
10-14 613
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
自定义分段式进度条
qq_34465338的博客
10-10 517
在进度条的 div 中添加新的 div 来展示异常进度，颜色可以自定义；在 div 中的 background 使用渐变属性。1、需要进行分段，用来展示正常和异常状态；一样，只是需要不断的进行删除和添加。来展示整个进度条的整体进度。属性来控制异常状态的进度。2、异常状态需要提示信息。
Vue踩坑之旅——Vuex
06-03
非常感谢您的提问！以下是回答： Vuex 是一个专门为 Vue.js 应用程序开发的状态管理库，它集中管理应用程序的所有组件的状态。在使用 Vuex 过程中，可能会遇到以下一些常见的问题和坑： 1. 不要在 mutations 中执行异步操作，因为 mutations 是同步执行的，异步操作会导致状态不一致。 2. 在组件中使用 mapState、mapGetters、mapMutations、mapActions 等辅助函数时，如果命名冲突，可以使用命名空间来避免。 3. 在使用 Vuex 时，应该注意代码的可维护性和可读性，避免将所有逻辑都写在一个文件中，应该按照模块化的方式组织代码。 希望这些信息能对您有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值