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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM