vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop "hello". Expected

本文主要是介绍vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop "hello". Expected，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop "hello". Expected String with value "23452345", got Number with value 23452345.

报错原因： 父亲传递给儿子的数据是 Number 类型的；但是儿子接收的时候，却是String 类型的所以报错。

父组件 传递参数给子组件  <Child :hello="hello" ></Child> //3.使用 <script> import Child from '@/components/child' //1. 在父组件中引入子组件，实现关联关系 export default {         name: 'parent',         data() {             return {                 hello:23452345,             }         },         components: { //2. 注册组件             Child         } } </script>   子组件通过 props 接收参数 <template>     <div class="">         子组件         {{hello}}     </div> </template>    props:{             hello:{                 type:String,             }, }  

解决方案：加上 Number 类型即可。

 props:{             hello:{                 type:[String,Number], //表示 String 和 Number 的数据都可以接收。             }, }

这篇关于vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop "hello". Expected的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！