javascript - v-show 能夠隱藏但不能顯示
問題描述
在試v-show屬性，當(dāng)設(shè)為false的時(shí)候會(huì)添加行內(nèi)樣式display：none，
但是設(shè)置true的時(shí)候，不會(huì)添加display：block；求解。。。
<!DOCTYPE html><html lang='en'><head> <title></title> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <style>p { width: 400px; height: 400px; border: 1px solid #000; display: none;} </style></head><body> <p v-show='true'></p> <script type='text/javascript' src='http://www.leifengta.com.cn/wenda/vue.js'></script> <script>new Vue({ el: '#vue', }) </script></body></html>
問題解答
回答1：你把樣式里的display:none 去掉。。。。v-show 本身就可以設(shè)置顯示和隱藏的。
回答2：因?yàn)槟鉩ss代碼里面
display:none
v-show只會(huì)在hide的時(shí)候添加
display:none;
而顯示的時(shí)候會(huì)去除
display:none;
不會(huì)添加
display:block;回答3：
v-show的原理是通過是否添加display：none控制顯隱的，跟傳統(tǒng)意義jquery的hide和show不同。
回答4：設(shè)置為true時(shí)不需要是 display:block 同樣也是能顯示的
回答5：看源碼里
你這問的有問題v-show本來就是控制顯示跟隱藏的給它一個(gè)值 控制顯示跟隱藏不就好了
<ul v-show='show'><li @click='change($event)'>哈哈哈</li><li @click='change($event)'>啦啦啦</li><li @click='change($event)'>嘻嘻嘻</li> </ul>
data(){ return{ items:[’1111’,’2222’,’3333’],show:true }},回答7：
display是根據(jù)你的便簽屬性來的，如果是塊級(jí)元素如p,p,h標(biāo)簽，默認(rèn)的就是display: block;如果是span等默認(rèn)就是display:inline。所以隱藏的時(shí)候就是display：none,顯示的時(shí)候去掉display：none就是它的默認(rèn)屬性
相關(guān)文章：
1. html5和Flash對抗是什么情況？2. html5 - datatables 加載不出來數(shù)據(jù)。3. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個(gè)是怎么回事？？？？4. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)！5. node.js - mongodb查找子對象的名稱為某個(gè)值的對象的方法6. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？7. 測試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]8. javascript - QQ第三方登錄的問題9. javascript - 在 model里定義的 引用表模型時(shí)，model為undefined。10. spring-mvc - spring-session-redis HttpSessionListener失效
網(wǎng)公網(wǎng)安備