新手刚学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>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…