vue中删除dom元素节点实现过程
作者：活宝小娜
文章介绍了在Vue.js中删除DOM元素节点时遇到的问题,因为`document.querySelectorAll()`返回的是一个类数组对象,而不是数组,因此不能直接使用`remove()`方法,通过使用`Array.from()`方法可以将类数组对象转换为真正的数组,从而可以使用`remove()`方法删除DOM元素
vue中删除dom元素节点
document.querySelectorAll(…).remove is not a function"
document.querySelectorAll('.esedbox .triangle_b').remove()
因为
document.querySelectorAll(‘.esedbox .triangle_b')
返回的不是数组，而是类数组。
不能用remove方法（remove方法是dom元素节点的方法）
Array.from()方法主要用于将两类对象(类似数组的对象[array-like object]和可遍历对象[iterable]）转为真正的数组。
正确的写法
const cleardom = document.querySelectorAll('.esedbox .triangle_b, .triangle_p')
Array.from(cleardom).forEach((item) => {
item.remove()
})
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。