条件道具 - 仅当值不为空时才传递道具 [英] Conditional Props - pass a props only when the value is not null
本文介绍了条件道具 - 仅当值不为空时才传递道具的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想只在值不为空时发送道具.换句话说，当值为null时，我想在child中使用props默认值.
你能想象出比这更优雅的东西吗?
<div v-if="选项"><grid :options="options"/><div v-else><网格/>
解决方案
你应该可以通过 undefined 获得默认值:
以这支笔为例:https://codepen.io/anon/pen/expBGP
I would like to send the props ONLY when the value is not null. Put another way, , I want to use the props default value in the child when the value is null.
Do you imagine something more elegant than this?
<template>
<div v-if="options">
<grid :options="options" />
</div>
<div v-else>
<grid />
</div>
</template>
解决方案
You should be able to pass undefined to get the default value:
<grid :options="options || undefined" />
See this pen as an example: https://codepen.io/anon/pen/expBGP
这篇关于条件道具 - 仅当值不为空时才传递道具的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
