[Vue warn]: Invalid prop: type check failed for prop "visible". Expected Boolean, got String with value "value".
今天遇到一个错误,总结一下发现这个错误的错误点都是大同小异,粗心导致的
//父组件
<new v-model="newVisble" v-if="newVisble"></new>
<script>
data(){
return {
newVisble: false,
}
}
</script>
//子组件
<el-dialog :title="title" :visible="value" :before-close="closeDialog">
</el-dialog>
<script>
props: {
value: {
type: Boolean,
default: false
},
},
methods: {
closeDialog() {
this.$emit('input', false)
},
}
</script>
我的错误是:visible="value"没有写成双向绑定的形式,写成了visible="value",这种问题本来应该不会出现的,给自己一巴掌,
一般这种错误的导致的原因都是需要采用双向绑定模式,但是你没有。
NO MAN IS A ISLAND
posted on 2019-11-06 16:29 nomanisaisland 阅读(6034) 评论(0) 编辑 收藏 举报