VUE中的v-if与v-show
v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式。
如果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">