老师,对<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回答

慕学员8329091

2020-11-10

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

0
0

小云嘚咿的飘

2021-05-30

这应该是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

一些内容属性(例如 requiredreadonlydisabled)是布尔值属性。如果一个布尔值属性存在,则其值是 true,如果不存在,其值是  false

1
0

慕学员8329091

2020-11-10

elementUI也有类似的用法//img1.sycdn.imooc.com/szimg/5fa967d6093c187220641764.jpg

0
1
FFIT
原来是这样啊,我也有一样的疑惑
2020-12-09
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程