Vue v-for "TypeError: Cannot read property 'XX' of undefined"
解决方案一
v-for(v,k)括号后面这里要加空格,不能贴着in,否则会报错
1 <body> 2 3 <section id="app"> 4 <table v-for='(item,index ) in monster'> 5 <tr> 6 <th>名称</th> 7 </tr> 8 <tr> 9 <td>{{item}}</td> 10 <td>{{item.name}}</td> 11 <td>{{index}}</td> 12 </tr> 13 14 </table> 15 </section> 16 17 <script> 18 var app = new Vue({ 19 el: '#app', 20 data: { 21 monster: [ 22 { name: '独眼蝙蝠', lv: 1, hp: 100 }, 23 { name: '彭哚菇', lv: 3, hp: 300 } 24 ] 25 }, 26 methods: {}, 27 }) 28 </script> 29 </body>
解决方案二
v-for写的位置,出现了层级关系问题,修改v-for的位置可以解决
时间若流水,恍惚间逝去
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？