vue的props校验的报错问题

Question

<div id="app">    <child :content="12"></child>     <child :text='424241'></child></div><script>     Vue.component('child',{        template:`<div>{{content}}{{text}}</div>`,        props:{            content:[Number,String],            text:{                type:Number,                required:false,                default:'我是默认的helloworld',                 validator(value){                    return value.length > 5                 }             }         }     })    var vm=new Vue({        el:"#app",     })</script>报错的截图：我的个人理解： :text='424241' 这里的传入方式不是传如一个静态数字吗？官方API：https://cn.vuejs.org/v2/guide...可是报错的第一个原因却说这是一个字符串第二个报错的原因也是比较蒙，“424241”这个length不是符合validator校验器的条件吗？为啥还报错？希望大佬帮忙解答，谢谢

Answer 1

这里是一个正确的示例，JSFiddle

首先，如果这是一个Number类型，那么Default赋值的时候需要给一个Number而不是String。

另一个潜在的错误是value.length的使用，Number对象没有length属性，可以转字符串再调用该方法