el-submenu 報錯 [Vue warn]: Expected String, got Number.

<el-submenu v-for="(item, index) in navBarData" :index="index" :key="index">
    <template slot="title">
      <i class="el-icon-location"></i>
      <span>{{item.navName}} : {{index}}</span>
    </template>
    <el-menu-item-group>
      <el-menu-item index="1-1">選項1</el-menu-item>
    </el-menu-item-group>
    <el-submenu index="1-2">
      <template slot="title">選項2</template>
      <el-menu-item index="1-2-1">選項1</el-menu-item>
    </el-submenu>
</el-submenu>

在使用vue開發項目，elementUI做爲框架。使用el-submenu處理側邊導航欄時，出現錯誤提示：[Vue warn]: Invalid prop: type check failed for prop "index". Expected String, got Number.

報錯緣由：按照字面意思上理解，指望一個字符串，可是得到的是一個數字。
處理方案：:index="index" 改爲 :index="index+''"；數字 轉化成字符串。