二 动态创建dom 元素的 通过样式添加背景图片报错问题回顾解决

 动画效果遇到了 ，给动态div的dom添加背景时报错，一直再找是不是静态图片路径引入问题 多次尝试主要引入方式如下：

1 通过行内样式dom.style.backgroundImage=  src , 直接添加静态资源路径，不显示图：

ballDom.style.backgroundImage =
       "@/assets/images/template/template1/same-city-product-list/take-away-member.png";

2 试了试 也可能是静态资源引入webpack打包问题, 但图片一样不显示：

ballDom.style.backgroundImage  =   require("@/assets/images/template/template1/same-city-product-list/cart-animation@2x.png")";

3 以上引入都不显示背景图，最后还是重新添加innerhtml   img元素添加图片，并通过img标签字符串拼接的形式，想要的dom 样式背景图才显示：

 ballDom.innerHTML =
            '<img width= "100%"' +
            'src="' +
            require("@/assets/images/template/template1/same-city-product-list/cart-animation@2x.png") +
            '"/>';

以上是菜鸟个人遇到的css html渲染问题，如有更好的解决方式和指导意见，还请各位大佬指点。