【爬坑日記】vue中傳props時預設為Boolean問題

BenjaminC發表於2018-07-20
VueBoolean

在自定義一個元件時，發現若傳來的props中定義了一個type:Boolean的值時

1. 若定義default: false時

props: {
    show: {
        type: Boolean,
        default: false,
    }
}
複製程式碼

 

  • 在渲染此元件時，不寫show，如：<Son></Son>，則自定義元件的show被渲染為 false
  • 在渲染此元件時，寫show，如：<Son show></Son>，則自定義元件的show被渲染為 true

2. 若定義default: true時

props: {
    show: {
        type: Boolean,
        default: true,
    }
}
複製程式碼

 

  • 在渲染此元件時，不寫show，如：<Son></Son>，則自定義元件的show被渲染為 true
  • 在渲染此元件時，寫show，如：<Son show></Son>，則自定義元件的show被渲染為 true

相關文章