vuejs

VUE中的v-if與v-show

v-if是動態的向DOM樹內添加或者刪除DOM元素;v-show是經過設置DOM元素的display樣式。css

若是v-show做用的元素,css文件中display:none,經過v-show進行設置不能顯示該元素。
緣由:v-show控制顯隱,是經過js代碼去修改元素的element style,若是value爲false,設置display: none;若是value爲true,設置display: '';因而value爲true時,只能將element style中的display效果清除,並不能覆蓋css中的display效果。
 
使用v-show的話,在vue解析以前隱藏DOM的話,儘可能在style屬性裏面設置display的值,不要在css文件中。
<ul v-touch:tap="message=2" style="display: none" v-show="show">
相關文章
相關標籤/搜索