[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",這種問題本來應該不會出現的,給自己一巴掌,
一般這種錯誤的導致的原因都是需要采用雙向綁定模式,但是你沒有。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM