vue.js如何隐藏或显示元素

vue.js如何隐藏或显示元素，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

成都创新互联公司从2013年成立，先为江孜等服务建站，江孜等地企业，进行企业商务咨询服务。为江孜企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

vue.js隐藏或显示元素的方法：使用v-show指令来实现，例如【window.onload = function(){var vm = new Vue({el:'#box',data:{isShow:false,},metho...】。

本文操作环境：windows10系统、vue.js 2.9、thinkpad t480电脑。

在vue中如果我们要控制元素的隐藏或显示可以使用v-show指令。

v-show指令是用来控制元素的显示或隐藏的。

v-show="true/false" //控制元素显示/隐藏

示例：

  
  
  

  
    window.onload = function(){
      var vm = new Vue({
        el:'#box',
        data:{
          isShow:false,
        },
        methods:{
          toggle:function(){
            this.isShow = !this.isShow;
          }
        }
      });
    }