一个Vue布尔道具可以通过它的存在而成为真实,并且由于它的缺失而是错

Question

在我的Vue组件中,我有一个名为"obj"的布尔道具.定义如下:

obj: { Type:Boolean, default: false}

我可以这样设置为true:

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

但是,我希望能够将它设置为true,如下所示:

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

我希望支柱的存在意味着真实而缺席意味着虚假.有没有办法在Vue组件中定义以这种方式工作的道具？

Answer 1

在任何情况下,这都是布尔道具的行为.您只需将道具定义为:

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

它默认为false.在以下模板中完全指定属性时,它将设置为true:

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

演示