欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue 之 ele动态删除dom节点

程序员文章站 2024-01-03 13:54:58
...

vue 之 ele动态删除dom节点

  • 比如上传失败的时候,由于ele之中的dom节点已经加载上去了。这时候需要获取到最后上传的dom节点去删除掉

完全删除子dom节点

    let dom = document.querySelector(".el-upload-list");
    let donChildObj = dom.childNodes;
    for (var i = donChildObj.length - 1; i >= 0; i--) {
      // 一定要倒序删除dom子节点
      dom.removeChild(donChildObj[i]);
    }

删除最后一个dom节点

    let dom = document.querySelector(".el-upload-list")
    let donChildObj = dom.childNodes;
    dom.removeChild(donChildObj[donChildObj.length - 1]);
    this.uploadAllFile.pop();
相关标签: vue后台管理系统

上一篇:

下一篇: