如何检查 Vue 中是否存在 prop?

San*_*jay 4 javascript vue.js vue-component

我有一个这样的组件:

<vue-component show></vue-component>
Run Code Online (Sandbox Code Playgroud)

如您所见,有一个show道具。我无法使用,typeof因为它总是undefined没有价值。请帮忙!

Bho*_*yar 5

好吧,您将在模板中使用以下内容:

<div v-if="show">
...
</div>
Run Code Online (Sandbox Code Playgroud)

如果您需要检查脚本内部,您可能知道:

if(this.show) {
Run Code Online (Sandbox Code Playgroud)

和,

typeof show // will always be undefined
Run Code Online (Sandbox Code Playgroud)

因为道具也可以使用this

typeof this.show // will return Boolean as you're just passing show
// which is simply like `:show="true"`
Run Code Online (Sandbox Code Playgroud)