Invalid prop: type check failed for prop “index“. Expected String with value “145“...

vue报错: Invalid prop: type check failed for prop “index”. Expected String with value “145”, got Number with value 145.
中文翻译:无效的属性:属性“索引”的类型检查失败。应为值为“145”的字符串,获取值为145的数字。
error信息

一般是使用组件时传参类型错误
例如:使用ElementUI库的el-submenu组件index属性需要传String类型的值,但是id一般时Number类型的,所以报错了
element文档
错误示范:

 <el-submenu :index="item.id" v-for="item in menulist" :key="item.id">
  </el-submenu>

正确示范:

<el-submenu :index="item.id+''" v-for="item in menulist" :key="item.id">
 </el-submenu>

加性操作符(+)有个规则:
如果只有一个操作数是字符串,则将另一个操作数转为字符串,然后再将两个字符串拼接起来。
可以利用+将其他类型的值转化成字符串类型。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值