vue表单自动填充报错:Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘id‘)“

报错:

报错翻译:v-on处理程序中出错:“TypeError:无法读取未定义的属性(读取'id')”

背景:vue项目,在“编辑”功能弹框中,想实现编辑框内自动填充原数据内容。

思路:

1.查阅网上资料,有的说是表单项使用了v-if控制,出现在了两个正常的 el-form-item 中间了,有的说没有编译渲染进dom里面等五花八门的解决办法,而且我好像都没有这个情况,逐放弃,反观控制台报错。

2.仔细观察控制台报错,找到了我当前写的页面代码,点击进去细看问题。

解决(直接跳转看这就可以):

仔细一瞧分外眼熟,嘿哟这不是我现在写的页面嘛?遂点击查看:

之后运行了一下vue前端,测试,发现报错消失,自此解决!

反思:

遇到报错首先应该看控制台,其次之后才是各种查资料查官方文档,控制台的报错是精准对己的,而网上的各种资料是专对别人的程序的,不一定适用于我的。

最后:

我是一名大二的计科女大学生,希望大家相互沟通交流,学习进步哦o(* ̄▽ ̄*)ブ~

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值