前端学习

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

2020-11-20  本文已影响0人  小盐_814e

代码示例

    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);
        });
      }
    })
上一篇下一篇

猜你喜欢

热点阅读