脚本宝典收集整理的这篇文章主要介绍了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+''";数字 转化成字符串。
以上是脚本宝典为你收集整理的el-submenu 报错 [Vue warn]: Expected String, got Number.全部内容,希望文章能够帮你解决el-submenu 报错 [Vue warn]: Expected String, got Number.所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。