VUE，在v-for循环中，如何在样式中绑定循环的各个url答案

【问题标题】：VUE, in the v-for loop, how to bind each url of the loop in the styleVUE，在v-for循环中，如何在样式中绑定循环的各个url
【发布时间】：2019-01-14 00:03:54
【问题描述】：

:style="{ 'backgroundImage': 'url('+itemA.icon+')'}" =》 background-image: url(./img/dashboard.svg); 这种写法不行

在浏览器中，工作词应该是这样的背景图像：url（数据：图像/svg+xml；base64，PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiP…AuNTk5OSIgaWQ9IkZpbGwtNyI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+）； }

【问题讨论】：

标签： vue.js background styles

【解决方案1】：

您可以创建一个方法来加载您的图像并添加需求功能。

export default {
        methods :{
            loadImg(url){
                return require('@/' + url );
            }
        }
    }

你的风格应该是

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

【讨论】：

非常感谢您的方法。