VUE，在v-for循环中，如何绑定样式中循环的每个URL

Question

                           {{itemA.name}}

                         {{itemA.name}}

        

：style =“ {'backgroundImage'：'url（'+ itemA.icon +'）'}” =》背景图片：url（./ img / dashboard.svg）; 这本书行不通

在浏览器中，工作词应如下所示 背景图片：url（data：image / svg + xml; base64，PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiP…AuNTk5OSIgaWQ9IkZpbGwtNyI + PC9wYXKPz9zZ4Z }

Answer 1

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

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

您的风格将是

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