1. 程式人生 > >vue 設置button disabled

vue 設置button disabled

ima ive 真假 cti 正常的 -i 顯示 都是 info

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

vue 設置button disabled