Vue报错：vue.runtime.esm.js:1888 TypeError: Cannot use ‘in‘ operator to search for ‘name‘ in null

最新推荐文章于 2024-04-12 10:15:00 发布
原创 最新推荐文章于 2024-04-12 10:15:00 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js #前端

文章讲述了开发者遇到的问题：前端无法绑定数据到表单，原因是首次后端查询返回null，覆盖了表单。解决办法是在数据库中预先初始化一条非空记录以避免这个问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这里写自定义目录标题

🐕前言：

今天发现代码数据不能绑定表单，并且一输入就报错
在这里插入图片描述

在这里插入图片描述
但是我发现这个model也绑定了，数据类型也是对应的，它就是不能输入数据。
在这里插入图片描述
在这里插入图片描述

🏨原因：

由于我前端加载组件时调用了query()，向后端发请求查询此表单的数据用来显示信息

这里是引用
在这里插入图片描述
但是由于第一次后端数据库表中没有数据，返回了null，将前端的form给覆盖了，导致拿不到form中的属性，相当于null.name（根本拿不到）
在这里插入图片描述
在这里插入图片描述

解决方法：

在数据库中初始化一条记录，使其不为空！
在这里插入图片描述

在这里插入图片描述

多种方法解决Uncaught TypeError: Cannot use ‘in‘ operator to search for ‘[object Array]‘ in xxx的错误
念兮为美
10-31 6604
多种方法解决Uncaught TypeError: Cannot use 'in' operator to search for '[object Array]' in xxx的错误
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
报错 | vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: “TypeError: Cannot read properties of
不爱吃菜的菜菜的博客
08-06 1万+
vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: "**TypeError: Cannot read properties of undefined (reading 'category1Id')
【报错6】vue.runtime.esm.js:4605 [Vue warn]: Error in v-on handler: “TypeError: _vm.updateData is not
qq_61798306的博客
03-09 1025
这个错误表明在Vue实例中找不到名为"updateData"的函数。要解决这个问题，需要确保在Vue实例中定义了这个函数或者正确地引入了包含这个函数的组件。2. 如果"updateData"函数是在组件中定义的，确保正确引入了这个组件。检查组件的路径和引入方式是否正确。4. 如果"updateData"函数是在父组件中定义的，确保正确地将它传递给子组件，以便子组件可以调用它。1. 确保在Vue实例中定义了"updateData"函数。可以检查Vue实例的方法中是否包含这个函数。
AngularJS报错 Cannot use 'in' operator to search for 'functionName' in 1
ch717828的专栏
01-12 5782
在使用AngularJS的指令时，如果 element上有方法绑定，并且在调用该方法时候可以会抛出异常 Cannot use 'in' operator to search for 'functionName' in 1  下面举一个具体实例，定义一个控制器 ，该控制器中有一个方法 editWebsite app.controller('OverviewCtrl', ['$scope', '$
vue 项目报错 vue.runtime.esm.js: Uncaught RangeError: Maximum call stack size exceeded
weixin_44685781的博客
03-27 5221
报错提示界面 swiper.vue里面里面export default 的name 为Swiper 在home.vue里面导入swiper.vue 和导出的name 不一样 所以报错 将swiper里面的name修改为 HomeSwiper即可！ ...
ERROR in Cannot use 'in' operator to search for 'providers' in null
weixin_33918114的博客
07-02 2247
为什么80%的码农都做不了架构师？>>> ...
Uncaught (in promise) TypeError: Cannot use 'in' operator to search for 'path' in undefined at Object.resolve (vue-router.mjs:3030:13) at ReactiveEffect.fn (vue-router.mjs:2169:41) at ReactiveEffect.run (reactivity.esm-bundler.js:178:19) at get value [as value] (reactivity.esm-bundler.js:1147:33) at useLink (vue-router.mjs:2212:30) at setup (vue-router.mjs:2258:31) at callWithErrorHandling (runtime-core.esm-bundler.js:158:18) at setupStatefulComponent (runtime-core.esm-bundler.js:7236:25) at setupComponent (runtime-core.esm-bundler.js:7197:36) at mountComponent (runtime-core.esm-bundler.js:5599:7)
07-17
具体错误信息是 "Cannot use 'in' operator to search for 'path' in undefined"，意味着在一个未定义的对象中使用了 'in' 运算符来搜索 'path' 属性。根据错误堆栈信息，问题可能出现在以下代码段： ```javascript...
vue.esm.js?efeb:1897 TypeError: Cannot read properties of null (reading 'focus')
08-11
efeb:1906 TypeError: Cannot use ‘in‘ operator to search for ‘fami‘报错](https://blog.csdn.net/weixin_46858417/article/details/127536533)[target="_blank" data-report-click={"spm":"1018.2226.3001....
vue.esm.js:629 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'validate')"
07-28
引用\[1\]和\[2\]中的报错信息表明在Vue的v-on事件处理程序中出现了一个错误，错误类型是"TypeError"，具体错误信息是"Cannot read property 'validate' of undefined"和"cannot use 'in' operator to search for '...
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
10-19
下面小编就为大家带来一篇JavaScript 程序错误Cannot use 'in' operator to search的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue使用echarts报错提示 vue.runtime.esm.js?2b0e:1897 Error: Initialize failed: invalid dom.
MyName469的博客
09-16 5388
在Vue脚手架+antd搭建的项目中使用Antd的Tabs标签页进行切换时，B页面的Echarts不进行渲染，而且报错提示 说Dom无效，思考了一下原因应该是切换页面后，本页面的dom还未渲染，但是已经调用了Echarts的函数所以才会出现这种情况。 所以我们可以在页面数据改变之后或者Dom改变之后再调用函数 callback(key) { //Tabs点击跳转事件 if (key == 2) { //确认跳转到B页面 this.$nextTick(() =>
【vue项目开发遇到的问题】：vue.runtime.esm.js:1887 TypeError: dateStr.match is not a function
m0_69892739的博客
12-29 1844
但是这里有一点需要注意如果不加value-format，时间会回显1970，此时其实就是数据类型的问题，日期选择器接受的数据都是string类型，而我们拿到的值是number类型，我们需要给它加一个String()方法来处理。因为我是在当前的el-table表格中去使用的，是用row去v-model绑定值得，需要知道每一行。所以我在这里用的watch监听，去进行更改。看网上有博主分享原因是因为页面有rules。不能和value-fomatter共存。需要删掉value-fomatter；
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func
热门推荐
qq_30351747的博客
05-04 2万+
从后端拿取数据渲染到表格数据。结果明明写的没错，但是却报错 定位到代码中。 引入后端接口 引入的这个js，要用大括号包起来，不然就被当作方法调用，所以就会报错的呀 原文链接：vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: "TypeError: Object(…) is not a func 报错 .........
TypeError: Cannot use ‘in‘ operator to search for ‘xxx‘ in undefined at Proxy.set (vue.esm.j报错问题
zhangxueyou2223的博客
04-28 2073
为什么之前这样不走详情方法，突然今天反馈编辑编辑不了，离了大谱，找半天报错没找到，最后一点一点debug，吗的，新增传的空对象，竟然走进去了。​ js用if判断一个空对象为什么会为true?​ js用if判断一个空对象为什么会为true?这个需求就是新增/编辑，有值的话，调取详情接口。之前正常，就无语，。
控制台报错vue.runtime.esm.js [Vue warn]: Error in created hook: “TypeError: Object(...) is not a function
Xiang_Gong_Ya_的博客
07-11 2235
import {
【vue报错】vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading ‘0‘)
nilmao的博客
04-04 7392
Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '0')" vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading '0') 原因： 创建DOM元素遍历依赖的 props 数据，而计算过程在挂载完毕之后； 需要将计算过程放到 正确 的生命周期钩子； ...
控制台报错：vue.runtime.esm.js:4427 [Vue warn]: Invalid prop: type check failed for prop “model“.
最新发布
weixin_48420104的博客
04-12 376
此处发现 handleEdit函数把scope.$index也传进来了，虽然没传错，但是接受的时候也没接收没用到，而且传的顺序也有问题，所以干脆没用到就不要传。此处把scope.$index删了就可以了。一看就是非法传值，查看写的代码是否有哪些不妥地方，或者打印传入该函数得值，一步步排查。form表单点击编辑用户属性时报错。
【报错】vue.runtime.esm.js?c320:4605 [Vue warn]: Duplicate keys detected: ‘40825‘. This may cause an upd
这个Bug怎么解啊？
12-10 1万+
【报错】vue.runtime.esm.js?c320:4605 [Vue warn]: Duplicate keys detected: '40825'. This may cause an update error.
vue 跳转页面报错vue.runtime.esm.js:1888 TypeError: this.$refs.LinearityParamModal.check is not a function
06-01
这个错误可能是因为你在代码中调用了一个不存在的函数。首先，你需要检查一下你的代码中是否存在 `LinearityParamModal` 组件，并且该组件是否定义了 `check` 函数。如果该组件存在但是没有定义 `check` 函数，那么你需要在该组件中添加 `check` 函数的定义。如果该组件不存在，那么你需要检查一下你的代码中是否正确地引入了该组件。另外，你还可以尝试打印一下 `this.$refs.LinearityParamModal` 的值，看看它返回的是什么，以便更好地排除错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

信计2102罗铠威

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值