[Vue warn]: Invalid prop: type check failed for prop "number". Expected String with value "1", got Number with value 1.

这个警告是由于你在使用 Vue 组件时，给组件传递了一个名为 "number" 的 prop，但是这个 prop 的类型检查失败了。期望的类型是字符串类型，值为 "1"，但是实际传递的是数值类型 1。

你需要检查一下你的代码，看看是不是在传递参数时，把数值类型的 1 直接传递给了 "number" 这个 prop。如果是的话，你需要把这个数值类型的 1 转换成字符串类型的 "1"，然后再传递给组件。如果你确定这个 prop 应该是数值类型的，那么你需要在组件内部修改这个 prop 的类型检查规则，使它支持数值类型的传递。

相关问题

[Vue warn]: Invalid prop: type check failed for prop "number". Expected String with value "undefined", got Undefined

这个警告是由于你在子组件中定义了一个 props，但是在父组件中并没有传递正确的值导致的。

警告信息中指出了具体的错误原因：在子组件中，你定义的 props 名称为 "number"，并指定了它的类型为 String，但是在父组件中没有传递有效的值。

例如，在子组件中定义了如下 props：

<template>
  <div>{{ number }}</div>
</template>

<script>
export default {
  props: {
    number: String
  }
}
</script>

然后在父组件中使用子组件时，没有给 "number" 传递一个有效的值：

<template>
  <div>
    <Child />
  </div>
</template>

<script>
import Child from './Child.vue';

export default {
  components: {
    Child
  }
}
</script>

这种情况下，props "number" 将默认为 undefined，因为父组件没有传递一个有效的值。由于在子组件中指定了它的类型为 String，所以在类型检查时会发出警告。

要解决这个问题，你需要在父组件中给 "number" 传递一个有效的值。例如：

<template>
  <div>
    <Child :number="'123'" />
  </div>
</template>

<script>
import Child from './Child.vue';

export default {
  components: {
    Child
  }
}
</script>

这样，"number" 就会被传递为一个字符串类型的值 "123"，不会触发警告。

[Vue warn]: Invalid prop: type check failed for prop "index". Expected String with value "1", got Number with value 1.

这错误是由于传入的prop属性类型不匹配导致的。根据你提供的引用，错误信息显示期望传入的是类型为String且值为"1"的prop属性，但实际传入的是类型为Number且值为1的prop属性。解决这个问题的方法是将传入的prop属性值转换为String类型，可以使用toString()函数来实现。

以下是解决方法的示例代码：

props: {
  index: {
    type: String,
    required: true
  }
},
mounted() {
  this.index = this.index.toString();
}