Vue: Should get default value if perent send null in props.

[ThunderBirdsX3]

Version

2.5.17

Reproduction link

https://jsfiddle.net/j97btnex/35/

Steps to reproduce

Child component should use default value. When parent send null in props.

Parent

<child :data="some_data_that_give_null_value"
></child>

Child.

<script>
    export default {
        props: {
            data: {
                type: Number,
                default: 99,
            },
        },

        mounted() {
            console.log(data);
        },
    }
</script>

What is expected?

What is actually happening?

[KaelWD]

I imagine this would break quite a few things. If you want the default value, pass undefined instead.

[LinusBorg]

As @KaelWD said...

[ThunderBirdsX3]

@KaelWD Thanks, But How? Can you give me an example.

[Justineo]

Just convert null values to undefined before you pass them into the prop, or just don't produce nullable values before this.

[KaelWD]

https://jsfiddle.net/emn64yxz/

[ThunderBirdsX3]

@KaelWD Thank you so much.