本文介绍了条件道具 - 仅当值不为空时才传递道具的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
限时送ChatGPT账号..我想只在值不为空时发送道具.换句话说,当值为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屋!
更多推荐
[db:关键词]
发布评论