Cannot read properties of null (reading ‘parentNode‘) TypeError: Cannot read

最新推荐文章于 2024-05-30 15:07:12 发布
最新推荐文章于 2024-05-30 15:07:12 发布
阅读量1k 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57975082/article/details/131961683
版权

在声明reactive数据时，axios获取到的数据一般是对象，需要转为数组才能使用，

我是直接声明

let stuData = reactive({ }) 

问题就出在这里

应该是

let stuData = reactive({

    data: []

})

自学太难了，容易踩坑，菜鸡QAQ

阿水的水
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
Javascript ParentNode和ChildNode接口原理解析
10-15
主要介绍了Javascript ParentNode和ChildNode接口原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
“Cannot read properties of null(reading ‘parentNode‘)vue3运行报错 引入element-plus库
luciyana的博客
03-31 769
（注意，之前新生成vue项目的时候，跟着网上教程选的配置，但是要注意如果用element-ui的话就要使用vue2，vue3配套的是element-plus，所以是重新生成vue3项目再搬运，走了很多弯路，不过新手都正常啦）里面使用到了element-plus库的组件，但是没有加入引用，所以报错。本人刚刚开始接触前端，记录一下遇到的问题，希望可以帮助到你！不过我的表达不太标准，因为非常外行，欢迎大家批评指正啦！然后不要忘记在main.js中加入引用哦。就发现可以啦，耶耶耶！
TypeError: Cannot read properties of null (reading ‘parentNode‘) vue3踩坑
热门推荐
weixin_57997644的博客
05-03 1万+
则用Object.assign(a, b)，第一个a是被赋值的，第二个是有数据的。如上图，我赋值的为一个对象，直接这样写就会报上面第一张图的错误。有关Object.assign()的知识可点击。解决方法二：如果用的是reactive。改正：将ref()改成ref({})
Vue 3遇到的问题
意纯的博客
04-07 280
通过路由切换组件的时候，发现从A组件切换到任意其它组件时，总会报错，导致后面组件渲染直接崩溃，一开始还以为是路由有问题（因为组件内容为测试内容，非常简单，只有几个数字），定位了个把小时，仍找不到原因，最后把目光锁定在了组件里，才发现。标签里没有加根标签，直接写了数字用于占位，后面加上根标签，问题解决。
element el-select Cannot read properties of null (reading ‘parentNode‘)错误
qq_15903703的博客
10-09 8905
需要定义一个ID_INJECTION_KEY给后续组件使用，引用element-plus修改如下。
vue 3.0 keep-alive 失效 报错 Cannot read properties of null (reading ‘parentNode‘)
susanliy的博客
12-07 5601
版本： vue “3.2.4” vue-loader “16.4.1” vue-router “4.0.11” <router-view v-slot="{ Component }"> <keep-alive> <suspense timeout="0"> <template #default> <component :is="Component" />
vue中集成jsplumb报错`Cannot read property ‘parentNode‘ of null`，且无法渲染连线的问题
weixin_41102672的博客
10-31 9830
简介 我在项目中使用了typescript+vue+jsplumb作为流程图框架。 问题 我在容器中使用的是v-for指令渲染。从配置文件中读取流程图的json并且存入this.items变量中，通过v-for指令渲染一系列组件。 代码： mounted(){ this.items = JSON.parse(JSON.stringify(demoGraph)); // 这里的nextTick的作用是，this.items已经被更新，可是DOM还没有发生更新。 // jsplumb是通过访问do
cannot read properties of null(reading appendChild)解决办法
sebeefe的博客
03-08 7194
项目场景： 本来写的是一个js渲染，但是出了个小问题，cannot read properties of null(reading appendChild)报错。大致意思是：不能读取空的属性。 let data = [ {img:"./img/OIP-C.jfif",id:13,name:'黄焖鸡米饭',订餐电话:13782721148,均价:'均价11元'}, {img:"./img/OIP-C.jfif",id:12,name:'胡辣汤',订餐电话:15188811571,均价:'均价3元'}
javascript中parentNode,childNodes,children的应用详解
10-26
本篇文章是对javascript中parentNode,childNodes,children的应用进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
Js中parentNode,parentElement,childNodes,children之间的区别
10-26
主要是对Js中parentNode,parentElement,childNodes,children的区别进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 323
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
记录一次前端页面崩溃的产生及处理
最新发布
weixin_51123079的博客
05-30 407
记录一次前端页面崩溃的产生及处理
web前端三大主流框架
低调做人，低调编码，神码都是浮云
05-30 875
Web前端三大主流框架介绍：Angular、React、Vue
【JS实战案例汇总——不定时更新版】
微木
05-30 213
练习JS的实用案例
python前端通过API接口调用与后端进行数据交互前端如何调用api接口通过关键词获取电商平台热销商品数据
2301_78159247的博客
05-23 767
请求参数：q=女装&start_price=0&end_price=0&page=1&cat=0&discount_only=&sort=&page_size=&seller_info=&nick=&ppath=&imgid=&filter=参数说明：q:搜索关键字。
Flutter 中的 SizeChangedLayoutNotifier 小部件：全面指南
smileKH的博客
05-28 472
是一个混合了和行为的布局小部件。它允许子组件在尺寸变化时发送通知，而其他组件可以订阅这些通知来响应尺寸变化。
前端知识1-4：性能优化进阶
kuangjianming的博客
05-29 814
开始解析渲染DOM树的时间 => readyState变成loading => readystatechange。表示从上一个文档卸载结束时 => 如果没有上一个文档，这个值和fetchStart相等。b. 整体化内容插入 => 影响整体布局 => 重排 => 重绘。第一个http重定向发生和结束的时间。完成解析 => dom树解析完成时间。浏览器准备好使用请求获取文档的时间。HTTP开始建立连接的时间。TCP开始建立连接的时间。HTTPS连接开始的时间。a. 减少JS的执行时间。加载网页内资源的时间。
TypeError: Cannot read properties of null (reading ‘parentNode‘)
01-06
根据您提供的引用内容，出现TypeError: Cannot read properties of null (reading 'parentNode')错误通常是因为尝试访问一个值为null的对象的属性。在这种情况下，您尝试访问一个null对象的parentNode属性，但是null对象没有这个属性，因此会抛出该错误。 要解决这个问题，您可以检查相关代码中是否存在错误的DOM元素选择器或DOM操作。确保您正在访问正确的DOM元素，并且该元素存在于页面中。 以下是一个示例代码，演示了如何避免出现TypeError: Cannot read properties of null (reading 'parentNode')错误： ```javascript // 检查optionsFormID是否为null if (optionsFormID !== null) { // 获取DOM对象 var optionsForm = document.getElementById(optionsFormID); // 检查optionsForm是否存在 if (optionsForm !== null) { // 执行相关操作 var parentNode = optionsForm.parentNode; // ... } else { console.log("optionsForm不存在"); } } else { console.log("optionsFormID为null"); } ``` 请注意，上述代码仅是一个示例，您需要根据您的具体情况进行相应的修改和调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值