图层组 ..._vue div display">
当前位置:   article > 正文

vue 控制元素的显示和隐藏_vue div display

vue div display

解决方案:

  •  使用 v-show  和 v-if  都可以实现元素显示和隐藏
  • v-if 会直接删除元素
  • v-show 只是隐藏,只是简单地切换元素的 CSS 属性display。

   <div v-show="showGroup">
        <div class="formTitle">图层组</div >
    </div >

比如想要隐藏 上面这个div  那么给这个div加一个  v-show的属性。名字你随便起

然后再js代码中  设置 showGroup的默认值 为false,也就是刚启动的时候,默认是不显示的,后面如果想要显示这个div,那么可以直接设置vm.showGroup=true即可

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/喵喵爱编程/article/detail/885357
推荐阅读
相关标签