zoukankan      html  css  js  c++  java
  • vuejs

    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">
  • 相关阅读:
    centos安装python3
    MongoDB 索引
    dockerfile
    docker端口映射与容器互联
    操作docker容器
    docker数据管理
    ubuntu安装docker
    MVC框架
    图像标签
    HTML的标签
  • 原文地址:https://www.cnblogs.com/alexandra/p/6141208.html
Copyright © 2011-2022 走看看