老师，对<dropdown-item>的使用有点小疑问

Question

老师你好。学到这节课的，我大致都能理解，就是给这个子组件设置disabled属性这里有点不太懂。如果是我写，我肯定是这样来写的（使用v-bind的缩写“:属性名”来绑定）：

<!-- 里面的内容，是下拉框选项，是子组件 -->
<dropdown-item :disabled="true">
    <a class="dropdown-item" href="#">新建文章</a>
</dropdown-item>

您在视频里是只在子组件标签上写上disabled属性名，并没有明显地赋值为true，我试了一下效果正常，就是不太理解为什么可以这样写。因为这样写我只能联想到设置表单元素是否禁用也是这么写的，跟这个是一个道理吗？
我觉得像这样给子组件加上布尔类型的prop需求还挺常见的，是只有叫disabled的prop才可以这样简写吗？

Answer 1

慕学员8329091 2020-11-10 00:00:25

这么写"<dropdown-item disabled>"相当于<dropdown-item :disabled="true">, 只要是布尔值true 都可以这样简写

Answer 2

小云嘚咿的飘 2021-05-30 22:55:36

这应该是HTML的标准里规定的

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Attributes#%E5%B8%83%E5%B0%94%E5%80%BC%E5%B1%9E%E6%80%A7

一些内容属性（例如 required, readonly, disabled）是布尔值属性。如果一个布尔值属性存在，则其值是 true，如果不存在，其值是  false。

Answer 3

慕学员8329091 2020-11-10 00:01:48

elementUI也有类似的用法

• FFIT #1

  原来是这样啊，我也有一样的疑惑