Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
322 views
in Technique[技术] by (71.8m points)

关于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>


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
当 prop 验证失败的时候,(开发环境构建版本的) Vue 将会产生一个控制台的警告。

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...