Vue.js VUE,在v-for循环中,如何在样式中绑定循环的每个url

Vue.js VUE,在v-for循环中,如何在样式中绑定循环的每个url,vue.js,background,styles,Vue.js,Background,Styles,{{itemA.name} {{itemA.name} :style=“{'backgroundImage':'url('+itemA.icon+')}”=>背景图像:url(./img/dashboard.svg); 这篇文章不管用 在浏览器中,工作字应如下所示 背景图像:url(数据:image/svg+xml;base64,PD94BWWGDMVYC2LVBJ0IMS4WIBLBMNVZGLUZZ0IVVRGLTGIP…AuNTk5OSIgaWQ9IkZpbGwtNyI+PC9WYXRo

{{itemA.name}

{{itemA.name}

:style=“{'backgroundImage':'url('+itemA.icon+')}”=>背景图像:url(./img/dashboard.svg); 这篇文章不管用

在浏览器中,工作字应如下所示 背景图像:url(数据:image/svg+xml;base64,PD94BWWGDMVYC2LVBJ0IMS4WIBLBMNVZGLUZZ0IVVRGLTGIP…AuNTk5OSIgaWQ9IkZpbGwtNyI+PC9WYXRopgogicagidWZZ4KIDAWZ4KPC9ZDMC+);
}

您可以创建一种方法来加载图像并添加所需功能

export default {
        methods :{
            loadImg(url){
                return require('@/' + url );
            }
        }
    }
你的风格是

:style="{'background-image': 'url(' + loadImg('+itemA.icon+') + ')'}"

非常感谢你的方法。