這篇文章主要介紹vue.js如何刪除dom節(jié)點(diǎn)，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)和服務(wù)器托管的網(wǎng)絡(luò)公司，有著豐富的建站經(jīng)驗(yàn)和案例。

vue.js刪除dom節(jié)點(diǎn)的方法：1、v-for循環(huán)dom節(jié)點(diǎn)，保證每個(gè)li都有一個(gè)刪除按鈕，并綁定刪除事件；2、刪除dom節(jié)點(diǎn)，如【this.datahistory.splice(this.$refs.li[index], 1)】。

本文操作環(huán)境：windows10系統(tǒng)、vue.js 2.9、thinkpad t480電腦。

vue刪除當(dāng)前dom節(jié)點(diǎn)需要通過(guò)兩步來(lái)實(shí)現(xiàn)：

第一步：v-for循環(huán)dom節(jié)點(diǎn)，保證每個(gè)li都有一個(gè)刪除按鈕，并綁定刪除事件

      

        
        	{{item}}
        	刪除
        
      

第二步：刪除dom節(jié)點(diǎn)

deleteFn () {
        this.datahistory.splice(this.$refs.li[index], 1) 
        // 點(diǎn)擊調(diào)用刪除方法，在datahistory數(shù)組里刪除index這個(gè)下標(biāo)項(xiàng)，逗號(hào)后面的1就代表刪除當(dāng)前的1項(xiàng)
      }

以上是“vue.js如何刪除dom節(jié)點(diǎn)”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！