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，其他的都是須要看屬性值的真假