<template>
    <div>  
        <div v-for="secMenu in menuData">
      <el-menu>
        <el-submenu :index="secMenu.id">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span slot="title">{{secMenu.title}}</span>
          </template>
          <div v-for="item in secMenu.child">
            <el-menu-item :index='secMenu.id+"-"+item.id'>{{item.title}}</el-menu-item>
          </div>
        </el-submenu>
      </el-menu>
        </div>
    </div>
</template>

我这样写浏览器会报错

[Vue warn]: Invalid prop: type check failed for prop "index". Expected String, got Number.

应该怎么写才对？