午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置：首頁技術文章
文章詳情頁

javascript - v-show 能夠隱藏但不能顯示

瀏覽：142日期：2022-12-21 09:40:25

問題描述

在試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://www.leifengta.com.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：

看源碼里

javascript - v-show 能夠隱藏但不能顯示

回答6：

你這問的有問題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就是它的默認屬性

標簽： JavaScript
相關文章：
主站蜘蛛池模板： 国产精品成人av性教育 | 999久久久久久久久6666 | 国产999精品视频 | 在线激情网 | 狠狠综合网 | 中文字幕视频观看 | 精品久久久网站 | 日韩欧美国产一区二区三区 | 欧美日韩成人一区 | 成年人免费网站视频 | 国产一级片免费 | 一二区精品| 秋霞黄色网 | 就要操就要射 | 久久永久视频 | 亚洲三级a| 国产综合精品在线 | 国产午夜精品久久久久 | 一区二区三区免费视频观看 | 欧美黑人一区二区三区 | 亚洲免费久久 | 老牛嫩草二区三区观影体验 | 黄频在线免费观看 | 大桥未久一区二区 | 日韩色av | 久久久久一区二区三区四区 | av综合网站 | 欧美性v| 性生活免费观看视频 | 亚洲欧美999| 中文视频在线观看 | 成年视频在线播放 | 天堂久久久久 | 婷婷色av| avt天堂网| 久久99国产精品视频 | 亚洲色诱| 青青在线精品 | 久久精品一区 | 亚洲精品一区二区在线观看 | 成人影片在线免费观看 |