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;
          }
        }
      });
    }
  


  
     
    
  

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


当前标题:vue.js如何隐藏或显示元素
浏览地址:http://scyanting.com/article/joghhi.html

其他资讯