Vuejs 图片网址链接

Question

嗨，我真的是 vuejs 的新手。我尝试导入一张图片，然后在方法中调用这张图片。

import image from '@/assets/svg/xxx.svg'

然后在数据中

data () {
        return {
            image: image
        }
    },

并尝试使用它

li.style.backgroundImage = "url('this.image')";

但是图片没有显示，图片链接显示如下

http://127.0.0.1:8080/order/detail/29/this.image

我真的不知道我哪里错了...请帮忙...

Answer 1

另一种在 style 属性上使用计算属性的方法：

computed : {
    liStyle(){
        return "background-image : url('" + require('@/assets/svg/xxx.svg') + "')";
    }
}

模板 ：

<li :style="liStyle"></li>