admin管理员组

文章数量:1640592

    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

版权声明：本文标题：容易被误解的disabled 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1729317204a1195440.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。