Vue.js VUE,在v-for循环中,如何在样式中绑定循环的每个url
{{itemA.name} {{itemA.name} :style=“{'backgroundImage':'url('+itemA.icon+')}”=>背景图像:url(./img/dashboard.svg); 这篇文章不管用 在浏览器中,工作字应如下所示 背景图像:url(数据:image/svg+xml;base64,PD94BWWGDMVYC2LVBJ0IMS4WIBLBMNVZGLUZZ0IVVRGLTGIP…AuNTk5OSIgaWQ9IkZpbGwtNyI+PC9WYXRopgogicagidWZZ4KIDAWZ4KPC9ZDMC+);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
}您可以创建一种方法来加载图像并添加所需功能
export default {
methods :{
loadImg(url){
return require('@/' + url );
}
}
}
你的风格是
:style="{'background-image': 'url(' + loadImg('+itemA.icon+') + ')'}"
非常感谢你的方法。