<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,其余的都是需要看屬性值的真假