【爬坑日记】vue中传props时默认为Boolean问题

在自定义一个组件时，发现若传来的props中定义了一个type:Boolean的值时

1. 若定义default: false时

props: {
    show: {
        type: Boolean,
        default: false,
    }
}
复制代码

 

• 在渲染此组件时，不写show，如：，则自定义组件的show被渲染为 false
• 在渲染此组件时，写show，如：，则自定义组件的show被渲染为 true

2. 若定义default: true时

props: {
    show: {
        type: Boolean,
        default: true,
    }
}
复制代码

 

• 在渲染此组件时，不写show，如：，则自定义组件的show被渲染为 true
• 在渲染此组件时，写show，如：，则自定义组件的show被渲染为 true