javascript - v-show 能夠隱藏但不能顯示
問題描述
在試v-show屬性,當設為false的時候會添加行內樣式display:none,
但是設置true的時候,不會添加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://m.4tl426be.cn/wenda/vue.js'></script> <script>new Vue({ el: '#vue', }) </script></body></html>
問題解答
回答1:你把樣式里的display:none 去掉。。。。v-show 本身就可以設置顯示和隱藏的。
回答2:因為你css代碼里面
display:none
v-show只會在hide的時候添加
display:none;
而顯示的時候會去除
display:none;
不會添加
display:block;回答3:
v-show的原理是通過是否添加display:none控制顯隱的,跟傳統意義jquery的hide和show不同。
回答4:設置為true時不需要是 display:block 同樣也是能顯示的
回答5:看源碼里
你這問的有問題v-show本來就是控制顯示跟隱藏的給它一個值 控制顯示跟隱藏不就好了
<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是根據你的便簽屬性來的,如果是塊級元素如p,p,h標簽,默認的就是display: block;如果是span等默認就是display:inline。所以隱藏的時候就是display:none,顯示的時候去掉display:none就是它的默認屬性
相關文章:
1. javascript - 我是做web前端的,公司最近有一個項目關于數據統計的!2. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。3. php - 請問大批量數據處理,如何分割?4. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)5. html5和Flash對抗是什么情況?6. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?7. css右浮動字的順序顛倒了8. javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數量總價都不會改變,但是計算執行了9. javascript - 如何使用loadash對[object,object,object]形式的數組進行比較10. javascript - vue過渡效果 css過渡 類名的先后順序
