[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
原文地址:https://www.cnblogs.com/nomanisaisland/p/11806153.html