关于VUE数据验证required的疑问

新手刚学vue不久,在学习VUE 数据验证的时候,遇到了required的这个选项,按照解释,required是必选项的意思,如果required里面的验证不通过,应该不会去渲染,可是我下面代码required里面的选项确实不满足条件,可是为什么渲染到dom节点了,代码如下,希望大佬帮我看看,解答一下我的疑惑或者我的错误,谢谢!!

<body>

<div id="app">
    <appcom :mg='mg' :b='b' :c='c'></appcom>
</div>
<script>
    var jk = new Vue({
        el: '#app',
        data: {
            mg: 1,
            b: '99',
            c: 'xxxx'
        },
        components: {
            'appcom': {
                template: '<div>{{op}}{{b}}{{c}}</div>', /*为什么{{c}}会被渲染出来*/
                props: {
                    mg: Number,
                    b: [Number, String],
                    c: {
                        type: Number,
                        required: true
                    }
                },
                data() {
                    return {
                        op: this.mg,
                    }
                }
            }
        }
    })
</script>

</body>

阅读 5.7k
1 个回答
当 prop 验证失败的时候,(开发环境构建版本的) Vue 将会产生一个控制台的警告。

prop 验证失败不会影响组件运行,仅在开发阶段提供告警

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题