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

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

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

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

vue 控制元素的顯示和隱藏

解決方案：

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

• v-if 會(huì)直接刪除元素

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

   <p v-show="showGroup">
        <p class="formTitle">圖層組</p >
    </p >

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

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

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

當(dāng)前名稱：vue如何隱藏元素
本文URL：http://www.chinadenli.net/article36/iiissg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、建站公司、手機(jī)網(wǎng)站建設(shè)、商城網(wǎng)站、服務(wù)器托管、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)