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 或者数组索引 }; },