数据是这样的,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-05-25 17:19:32
  • 阅读 2330    收藏 0    回答 1
  • 邀请
  • 收藏
  • 分享
发送
登录 后发表评论
  • 51testing软件测试圈微信