vue 嵌套循环取不到值?

1.json字符串

clipboard.png
2.html

clipboard.png

3.

<template v-for="(item,index) in item.obj">
            <span>{{item.goodsname}}</span>
 </template>
 

4.<span>{{item.goodsname}}</span>不能取到值。值是存在的。问题存在哪?

阅读 5k
3 个回答

数据是这样:
sort_list:[

     {MaterTypeName:"大雪系列",Level: "1",url:[{name:'xdd',age:18},{name:'zzc',age:18}]}, 
     {MaterTypeName:"大雪系列",Level: "1",url:[{name:'dp',age:18},{name:'zff',age:18}]}, 
    ],
    
<!-- 嵌套循环 -->

<ul v-for="item in sort_list">
<li>{{item.MaterTypeName}}</li>
<template>

<p v-for="a in item.url">{{a.name}}</p>

</template>
</ul>

v-for遍历的是数组,对象的遍历时,item默认为第一个对象

<Submenu v-for="(item,index) in menuList" :key='index' :name="item.name">
                    <template slot="title">
                        <Icon :type="item.type"></Icon>
                        {{item.title}}
                    </template>
                    <Menu-item v-for='(val,num) in item.cur' :key='num' :active="active(val)" :name="val.name">
                        <Icon :type="val.type"></Icon>{{val.title}}
                    </Menu-item>
                </Submenu>

你把内部的item换个名。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题