el-steps 组件报这个错 type check failed for prop “active”. Expected Number with value 1, got String with v

el-steps 是 Element UI 提供的一个步骤条组件,它用于显示一系列有序的步骤。当你遇到 “type check failed for prop “active”.” 错误,意味着你在设置 active 属性时传入了一个预期应该是数值类型的值,但是实际上传递的是字符串类型。

在这个错误中,期望的 active 的值是数字 1,但实际接收到的却是字符串 “1”。active 属性通常表示当前激活的步骤编号,应当是一个整数。

修复这个问题的方法是确保你在绑定 active 时提供的是一个有效的数字,而不是字符串形式。例如:

 

Html

<el-steps :active="stepIndex"> <!-- ... --> </el-steps>

然后在你的 Vue 代码里:

 

Javascript

data() { return { stepIndex: 1, // 这里应该是一个数值,如:1、2 或者数组索引 }; },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值