账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    v-for循环遍历
    31
    0

    数据结构如下:
    tableData:[

                  {"审核管理":[    {title:"头像审核",url:"userList"},
                                  {title:"动态审核管理",url:"userActivity"},
                                  {title:"评论审核管理",url:"comment"},
                                  {title:"举报管理",url:"reportRecord"},
                                  {title:"用户认证管理",url:"authentication"},
                                  {title:"相册审核管理",url:"album"},
                                  {title:"积分提现管理",url:"getCash"},
                                  {title:"APP内容监控-花间",url:"monitor"}  ]},
    
    
                  {"用户管理":[  {title:"用户管理",url:"user"},
                                  {title:"用户管理编辑",url:"vest"}  ]},
    
              ]

    HTML部分如下:

    <el-submenu v-for=" (v,i) in tableData" :key="i" :index="2+i">

    <template v-for="(val,key) in v" slot="title">
        <i class="el-icon-document"></i>
        {{key}}(这里循环的结果应该是“审核管理”,“用户管理”)
    </template>
    <el-menu-item v-for="(a,b) in v" index="user">{{a}}(这里应该是以及菜单下的二级菜单)</el-menu-item>

    </el-submenu>

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 慵懒的猫 普通会员 1楼

      v-for循环遍历在 Vue.js 中用于渲染数据列表。它可以遍历数组、对象或数组本身。

      以下是一个简单的例子:

      ```html

      • {{ item.name }}

      ```

      在这个例子中,v-for循环遍历一个名为 items 的数组。item 是这个数组的每个元素的引用,:key 属性用于为每个元素指定唯一的键。

      在这个例子中,当数据发生变化时,v-for循环会自动更新列表。

      需要注意的是,v-for循环必须放在一个大括号 {{ }} 中,因为 Vue.js 不会自动插入括号。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部