美文网首页前端学习
vue 编辑dom,在dom元素外添加div

vue 编辑dom,在dom元素外添加div

作者: 小盐_814e | 来源:发表于2020-11-20 14:37 被阅读0次

    代码示例

        let _this=this;
        this.$axios.get("/DefaultNew/XXX").then(res=>{
          if(res.success){
            _this.bannerData=res.data.slice(0,5);
            _this.$nextTick(()=>{
              console.log("bannerCarousel",_this.$refs["bannerCarousel"].$el.childNodes[1].childNodes);
              _this.$refs["bannerCarousel"].$el.childNodes[1].childNodes.forEach((item,index)=>{
                item.childNodes[0].style=`background:url("https://www.wyzc.com${res.data[index]['img']}") no-repeat center center;background-size:auto 100%;`;
              });
              let d=document.createElement("div");
              d.className="sn-ul-div"
              d.append(_this.$refs["bannerCarousel"].$el.childNodes[1]);
              _this.$refs["bannerCarousel"].$el.append(d);
            });
          }
        })
    

    相关文章

      网友评论

        本文标题:vue 编辑dom,在dom元素外添加div

        本文链接:https://www.haomeiwen.com/subject/whbdiktx.html