av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

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

瀏覽:89日期: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://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:

看源碼里

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| 精精国产xxxx视频在线 | 国产精品99久久久久久人 | 欧美久久免费观看 | 久久骚| 国产精品久久久久久久久久久久久久 | 精品在线一区 | 亚洲成人日韩 | 91久久精品国产91久久性色tv | 日本精品视频一区二区三区四区 | 夜夜爽99久久国产综合精品女不卡 | 国内91在线 | 国产www成人 | 日本网站免费观看 | 午夜天堂精品久久久久 | 日韩在线一区二区三区 | aaa综合国产 | 成人午夜免费在线视频 | 欧美精品一区二区三区在线播放 | 欧美日韩综合一区 | 精品久久久久一区二区国产 | www.一级毛片| 日韩中文字幕视频在线观看 | 91精品久久久久久久久 | 久久精品亚洲国产 | 日韩一区二区在线视频 | 久久婷婷av | 亚洲精品一区中文字幕乱码 | 国产a视频| 成人免费淫片aa视频免费 | 97免费视频在线观看 | 久久久久中文字幕 | 婷婷在线网站 | 欧美亚洲在线 | 国产精品亚洲一区 | 亚洲国产91 | 黄毛片| 欧美电影在线 | 天天操天天干天天爽 | 91大神在线资源观看无广告 |