vue.js - Vue Boolean prop 是否可以在存在时为真，在不存在时为假？

Question

在我的 Vue 组件中，我有一个名为“obj”的 bool 属性，定义如下:

obj: { Type:Boolean, default: false}

我可以像这样将它设置为 true:

<my-component :obj="true"></my-component>

但是，我希望能够像这样将它设置为 true:

<my-component obj></my-component>

我希望 prop 存在表示 true，不存在表示 false。有没有办法在 Vue 组件中定义以这种方式工作的 Prop ？

Answer 1

这就是 bool 属性在任何情况下的行为。您只需将 Prop 定义为:

{
  props: {
    fast: Boolean
  }
  ...
}

它默认为 false。当您在以下模板中完全指定属性时，它被设置为 true:

<my-foo fast/>  <!-- fast is true -->

demo