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

2018-07-20 2,054 阅读1分钟

在自定义一个组件时，发现若传来的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