vue.js - v-for 循环 index的传值问题

问题描述

问 题

<el-col>
  <el-menu default-active="1">
    <el-submenu :index="index" v-for="(item,index) in menuList">
      <tempalte slot="title">{{item.subListName}}</tempalte>
      <el-menu-item-group v-if="item.subMenuList">
        <el-menu-item :index="subindex" v-for="(subItem,subindex) in item.subMenuList">{{index}}-{{subItem.subMenuName}}</el-menu-item>
      </el-menu-item-group>
    </el-submenu>
  </el-menu>
</el-col>

此时index获取为Number类型 ,说是类型不匹配。

但是我如果通过 filter过滤器去写一个转换成string类型。也会报错报错未undefind。所以请问有什么办法

    
export default{
data () {
  return {
    menuList: []
  };
},
filters: {
  toStr (value) {
    value = value.toString();
  }
},
created () {
  //略

};

解决方案

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

=>

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

这篇关于vue.js - v-for 循环 index的传值问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！