vue 设置button disabled

<button v-bind:disabled="dis" @click="alert">button</button>

dis:''  ||   dis:'111'  || dis:'aaaa'  都会设置按钮disabled="disabled"

dis:false  才会取消这种状态，很神奇

 

这是官网上的一段解释，如今才真正的明白究竟是啥意思，只有设置值为false的时候才会取消上面的状态，很严格的哈

 

同理能够看到：

<p v-if="show">12222222222</p>

如今p的显示是根据show的布尔值来断定的   show:''   show:false  布尔值都是假  只有当show:true || show:'2222' || show:'aaaaaa'

布尔值为真的时候才会显示，就是这么奇葩，可是上面的button的disabled属性并非这样的，p的显示按照正常的逻辑是能够理解的，disabled确实进行严格定义的

 只有设置disabled为false的时候才会进行显示的，amazing

 

 

如今看官网的解释，就很明白了，值得真假，而上面是严格定义，值为false才会取消，哈哈。。。。。感受学到了不少东西

 

<div class="static" :class="{active:isActive}">style || class</div>

 

这里的active也是只要判断isActive是不是真值就好，而不是像最开始的，须要判断button中的disabled必须是false才会是禁用，

这里发现：除了设置默认的属性须要使用严格的false，其他的都是须要看属性值的真假