老师,对<dropdown-item>的使用有点小疑问
来源:4-9 Dropdown 组件添加 DropdownItem
qq_我在时光机里找回忆
2020-11-08
老师你好。学到这节课的,我大致都能理解,就是给这个子组件设置disabled属性这里有点不太懂。如果是我写,我肯定是这样来写的(使用v-bind的缩写“:属性名”来绑定):
<!-- 里面的内容,是下拉框选项,是子组件 -->
<dropdown-item :disabled="true">
<a class="dropdown-item" href="#">新建文章</a>
</dropdown-item>
您在视频里是只在子组件标签上写上disabled属性名,并没有明显地赋值为true,我试了一下效果正常,就是不太理解为什么可以这样写。因为这样写我只能联想到设置表单元素是否禁用也是这么写的,跟这个是一个道理吗?
我觉得像这样给子组件加上布尔类型的prop需求还挺常见的,是只有叫disabled的prop才可以这样简写吗?
写回答
3回答
-
这么写"<dropdown-item disabled>"相当于<dropdown-item :disabled="true">, 只要是布尔值true 都可以这样简写
00 -
小云嘚咿的飘
2021-05-30
这应该是HTML的标准里规定的
一些内容属性(例如
required
,readonly
,disabled
)是布尔值属性。如果一个布尔值属性存在,则其值是 true,如果不存在,其值是 false。10 -
慕学员8329091
2020-11-10
elementUI也有类似的用法
012020-12-09
相似问题
关于bootstrap的使用问题
回答 1
对于Dropdown组件的几个问题,谢谢
回答 1