v-for 循环 index的传值问题

218 阅读1分钟
原文链接: zhuanlan.zhihu.com
    <el-submenu :index="index" v-for="(item,index) in menuList">
       
        <el-menu-item :index="index" 
           v-for="(subItem,subindex) in item.subMenuList">
            {{index}}-{{subItem.subMenuName}}</el-menu-item>
      
    </el-submenu>
  

发现子组件获取到的index一直都是undefined。

修改办法:

<el-menu-item :index="''+index" 
     v-for="(subItem,subindex) in item.subMenuList">
  {{index}}-{{subItem.subMenuName}}
</el-menu-item>

将 :index 的制改为''+index,一定是单引号'' ,子组件获取的到的就变成字符串"0,""1".....

将字符串"0"变成整数 +"0" 即可!