vue中给index赋值时报Invalid prop: type check failed for prop "index". Expected String, got Number

1、html代码
<div v-for="(item, index) in routes" :index="item.index">
        <div v-if="item.children">
          <el-submenu :index="index">
            <template slot="title">
              <div v-if="!item.hidden">
                <i class="el-icon-document"></i>{{item.name}}
              </div>
            </template>
          </el-submenu>
        </div>
        <div v-else>
          <el-menu-item :index="item.path">
            <i class="el-icon-menu"></i>
            {{item.name}}
          </el-menu-item>
        </div>
</div>
2、运行时报错
Invalid prop: type check failed for prop "index". Expected String, got Number
3、解决办法
:index="item.index+''"，更改后html代码
<div v-for="(item, index) in routes" :index="item.index+''">
        <div v-if="item.children">
          <el-submenu :index="index+''">
            <template slot="title">
              <div v-if="!item.hidden">
                <i class="el-icon-document"></i>{{item.name}}
              </div>
            </template>
          </el-submenu>
        </div>
        <div v-else>
          <el-menu-item :index="item.path+''">
            <i class="el-icon-menu"></i>
            {{item.name}}
          </el-menu-item>
        </div>
</div>