web-dev-qa-db-ja.com

Vueブールプロップは、存在することでtrueになり、存在しないことでfalseになりますか？

Vueコンポーネントには、次のように定義された「obj」というブールプロップがあります。

obj: { Type:Boolean, default: false}

次のようにtrueに設定できます。

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

ただし、次のようにtrueに設定できるようにしたいと思います。

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

小道具の存在はtrueを意味し、その不在はfalseを意味します。 Vueコンポーネントでこのように機能する小道具を定義する方法はありますか？

vue.jsvuejs2vue-component
22
Emanon

それはどんな場合でもブール小道具の動作です。次のようにプロップを定義するだけです：

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

そして、デフォルトはfalseです。次のテンプレートで属性を指定すると、trueに設定されます。

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

デモ

40
tony19