admin管理员组文章数量:1641077
1 <input disabled />
<hr />
2 <input disabled="true" />
<hr />
3 <input disabled="false" />
<hr />
4 <input :disabled="true" />
<hr />
5 <input :disabled="false" />
猜一猜这5个input输入框,哪些禁用了?
正确答案如下图:
1,2,3,4 都禁用了,只有 5 没有禁用,你猜对了吗?
下面我们来一个个分析
1 <input disabled />
最最原生的html写法,通过添加 disabled 属性来禁用input输入框,此时input输入框的 disabled 属性值为true
2 <input disabled="true" />
此处disabled 属性值为字符串 “true” ,转换为布尔值后为 true,所以也是禁用的。
3 <input disabled="false" />
此处disabled 属性值为字符串 “false” ,转换为布尔值后还是 true,所以也是禁用的。
4 <input :disabled="true" />
: 为vue中v-bind指令的简写,表示将布尔值 true 赋值给 disabled 属性,所以禁用生效。
5 <input :disabled="false" />
此处为将布尔值 false 赋值给 disabled 属性,所以禁用无效!
明白了吧,-_^ !
版权声明:本文标题:容易被误解的disabled 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1729317204a1195440.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论