Vue布尔型道具是否可以通过其存在而为真，而通过其不存在为否？

宝儿前端2020-03-12

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

obj: { Type:Boolean, default: false}

我可以将其设置为true：

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

但是，我希望能够将其设置为true：

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

我希望道具的存在意味着true卑鄙false。有没有一种方法可以定义在Vue组件中以这种方式工作的道具？

Itachi猪猪Green2020/03/12 12:48:18

无论如何，这就是布尔属性的行为。您只需将prop定义为：

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

并且默认为false。在以下模板中完全指定属性时，它将设置为true：

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

Newest Answer