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

vue.js Vue.js

宝儿前端

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组件中以这种方式工作的道具？

第965篇《Vue布尔型道具是否可以通过其存在而为真，而通过其不存在为否？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
Itachi猪猪Green 2020.03.12

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

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

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

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

演示

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android