如何使prop在nuxt中接受空值?

问题描述 投票:0回答:1

你好,

我是Nuxt的新手,关于如何使用特定的nuxt属性或如何编写它们,我可能还不了解。

在storybook.js中导入nuxt组件后,出现此错误。enter image description here

这是道具的写法:

enter image description here

所以我的问题是,如何使道具也接受空值,而不仅仅是字符串?我尝试了谷歌搜索,但没有找到解决方法:(

请帮助!

javascript vue.js nuxt.js storybook prop
1个回答
0
投票

首先,它与Nuxt无关,这是Vue.js的行为。如果道具未传递给孩子,则为undefined。例如,如果您基于v-if="to"渲染内容,那么这对于您的逻辑就足够了。

第二-您是否需要在此道具上进行类型验证?因为您总是可以这样忽略它:props: ['coaching']

最后,如果您确实需要验证并且使用此道具,则需要将默认值设置为''{}

© www.soinside.com 2019 - 2024. All rights reserved.