首页 > 其他 > 详细

Vue v-for "TypeError: Cannot read property 'XX' of undefined"

时间:2021-01-17 10:07:18      阅读:78      评论:0      收藏:0      [点我收藏+]

解决方案一

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的位置可以解决

Vue v-for "TypeError: Cannot read property 'XX' of undefined"

原文:https://www.cnblogs.com/alanshreck/p/14288219.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!