软件测试论坛 › [测试积点任务] › vue v-for循环map时获取不到元素

测试积点老人 发表于 2020-9-4 11:35:09

vue v-for循环map时获取不到元素

数据是这样的，map里面嵌套了一个子map subMenu，但是subMenu的右侧显示为Object
v-for的时候可以获取到subMenu的数据，用item.menu的时候是获取不到对应的值的。
如果不用item.menu而是直接用menu却又可以获取到。请看前端代码
<el-menu background-color="#252526" text-color="#fff" active-text-color="#ffd04b">
         <!-- 一级菜单区域 -->
         <el-submenu :index="item.menu_id + ''" v-for="item in menuList" :key="item.menu_id">
         <!-- 一级菜单模板区域 -->
         <template slot="title">
             <i class="el-icon-location"></i>
             <span>{{item.menu}}</span>
         </template>
         <!-- 二级菜单区域 -->
         <el-menu-item :index="subItem.menu_id + ''" v-for="subItem in item.subMenu" :key="subItem.menu_id">
             <template slot="title">
               <i class="el-icon-location"></i>
               <span>{{subItem.menu}}</span>
             </template>
         </el-menu-item>
         </el-submenu>
       </el-menu>

js代码：

async getMenuList() {
   this.$http.get('/manager/getMenu').then(
       response => {
         if(response.data.code!==200) {
               return this.$message.error("左侧菜单获取失败！");
         }
         this.menuList = response.data.data;
         console.log(this.menuList);
       },
       error => {
         return this.$message.error("左侧菜单获取失败！");
       }
   );
   }中如果为{{subItem}}则页面显示效果为
中如果为{{subItem.menu}}则页面显示效果为
是没有办法获取到相应的值。各位大神们，请问这是什么原因导致的？如何解决？

郭小贱 发表于 2020-9-7 09:26:20

可以参考这个链接的回答看看https://ask.csdn.net/questions/1077598

海海豚 发表于 2020-9-7 09:39:10

http://quan.51testing.com/pcQuan/chat/2960 参考下这个

qqq911 发表于 2020-9-7 10:20:01

用了vue就用配套的v-for啊

bellas 发表于 2020-9-7 11:46:35

参考下这个链接https://ask.csdn.net/questions/1077598

jingzizx 发表于 2020-9-7 13:08:10

要好好理一下整个使用方式

查看完整版本: vue v-for循环map时获取不到元素