条件道具-仅在值不为空时传递道具

Question

我只想在值不为null时发送道具。 换句话说，当值为null时，我想在子级中使用props默认值。

您能想到比这更优雅的东西吗？

<template>
    <div v-if="options">
        <grid :options="options" />
    </div>
    <div v-else>
        <grid />
    </div>
</template>

Answer 1

您应该可以通过undefined来获取默认值：

<grid :options="options || undefined" />

以这支笔为例：https://codepen.io/anon/pen/expBGP