vue中刪除dom元素節(jié)點(diǎn)實(shí)現(xiàn)過程
更新時間：2025年11月22日 15:02:18 作者：活寶小娜
文章介紹了在Vue.js中刪除DOM元素節(jié)點(diǎn)時遇到的問題,因?yàn)閌document.querySelectorAll()`返回的是一個類數(shù)組對象,而不是數(shù)組,因此不能直接使用`remove()`方法,通過使用`Array.from()`方法可以將類數(shù)組對象轉(zhuǎn)換為真正的數(shù)組,從而可以使用`remove()`方法刪除DOM元素
vue中刪除dom元素節(jié)點(diǎn)
document.querySelectorAll(…).remove is not a function"
document.querySelectorAll('.esedbox .triangle_b').remove()
因?yàn)?/p>
document.querySelectorAll(‘.esedbox .triangle_b')
返回的不是數(shù)組，而是類數(shù)組。
不能用remove方法（remove方法是dom元素節(jié)點(diǎn)的方法）
Array.from()方法主要用于將兩類對象(類似數(shù)組的對象[array-like object]和可遍歷對象[iterable]）轉(zhuǎn)為真正的數(shù)組。
正確的寫法
const cleardom = document.querySelectorAll('.esedbox .triangle_b, .triangle_p')
Array.from(cleardom).forEach((item) => {
item.remove()
})
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
最近的工作需要用到vue，所以最近接觸最多的就是vue，下面小編給大家介紹下vue組件間事件傳遞，需要的朋友參考下吧2017-12-12
組件是Vue.js最強(qiáng)大的功能之一。組件可以擴(kuò)展HTML元素，封裝可重用的代碼。這篇文章主要介紹了vue組件（全局，局部，動態(tài)加載組件）,需要的朋友可以參考下2018-09-09
前端實(shí)現(xiàn)Vue組件頁面跳轉(zhuǎn)的多種方式小結(jié)
這篇文章主要為大家詳細(xì)介紹了前端實(shí)現(xiàn)Vue組件頁面跳轉(zhuǎn)的多種方式,文中的示例代碼講解詳細(xì),具有一定的參考價值,有需要的小伙伴可以了解下2024-02-02
Vue+elementui 實(shí)現(xiàn)復(fù)雜表頭和動態(tài)增加列的二維表格功能
這篇文章主要介紹了Vue+elementui 實(shí)現(xiàn)復(fù)雜表頭和動態(tài)增加列的二維表格功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
Vue3獲取DOM節(jié)點(diǎn)的3種方式實(shí)例
Vue本來無需操作DOM來更新界面,而且Vue也不推薦我們直接操作DOM,但是我們非要拿到DOM操作DOM怎么辦,下面這篇文章主要給大家介紹了關(guān)于Vue3獲取DOM節(jié)點(diǎn)的3種方式,需要的朋友可以參考下2023-02-02
詳解vue-router 動態(tài)路由下子頁面多頁共活的解決方案
這篇文章主要介紹了vue-router 動態(tài)路由下子頁面多頁共活的解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
vue-electron項(xiàng)目創(chuàng)建記錄及問題小結(jié)解決方案
這篇文章主要介紹了vue-electron項(xiàng)目創(chuàng)建記錄及注意事項(xiàng),本文給大家分享了運(yùn)行項(xiàng)目報(bào)錯的問題小結(jié)及多種解決方案,需要的朋友可以參考下2024-03-03
vue動態(tài)子組件的兩種實(shí)現(xiàn)方式
這篇文章主要介紹了vue動態(tài)子組件的兩種實(shí)現(xiàn)方式,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
vue省市區(qū)三聯(lián)動下拉選擇組件的實(shí)現(xiàn)
本篇文章主要介紹了vue省市區(qū)三聯(lián)動下拉選擇組件的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了vue中路由重定向redirect問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05