這篇文章給大家分享的是有關vue如何隱藏元素的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

我們擁有十余年網頁設計和網站建設經驗，從網站策劃到網站制作，我們的網頁設計師為您提供的解決方案。為企業(yè)提供成都網站設計、成都做網站、微信開發(fā)、小程序開發(fā)、移動網站建設、H5場景定制、等業(yè)務。無論您有什么樣的網站設計或者設計方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設計服務并滿足您的需求。

vue隱藏元素的方法：1、使用“v-if”指令，通過動態(tài)的向DOM樹內添加或者刪除DOM元素的方式來顯示或隱藏元素；2、使用“v-show”指令，通過設置DOM元素的display樣式屬性來控制顯隱。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

vue 控制元素的顯示和隱藏

解決方案：

v-if指令與v-show指令都可以根據(jù)值動態(tài)控制DOM元素顯示隱藏，v-if和v-show屬于Vue的內部常用的指令，指令的職責是當表達式的值改變時把某些特殊的行為應用到DOM上。

• v-if 會直接刪除元素

• v-show 只是隱藏，只是簡單地切換元素的 CSS 屬性display。

   
        圖層組
    

比如想要隱藏 上面這個p  那么給這個p加一個  v-show的屬性。名字你隨便起

然后再js代碼中  設置 showGroup的默認值 為false，也就是剛啟動的時候，默認是不顯示的，后面如果想要顯示這個p，那么可以直接設置vm.showGroup=true即可

感謝各位的閱讀！關于“vue如何隱藏元素”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！