vue.js如何隱藏或顯示元素，很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司從2013年成立，先為江孜等服務(wù)建站，江孜等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為江孜企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

vue.js隱藏或顯示元素的方法：使用v-show指令來實(shí)現(xiàn)，例如【window.onload = function(){var vm = new Vue({el:'#box',data:{isShow:false,},metho...】。

本文操作環(huán)境：windows10系統(tǒng)、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;
          }
        }
      });
    }