v-for 迴圈 index的傳值問題？

舞動乾坤發表於2018-01-04
Index
    <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" 即可！


相關文章