在vuejs中将background-image指定为变量

Question

我有一个带有div.icon的 vue.js 组件：

Vue.component('obj', {
  props: ['img', 'name'],
  template: '<div><div class="icon"></div> {{ name }}</div>'
})

虽然它易于使用{{ name }}，但我不知道如何通过{{ img }}。

我尝试添加以下代码，但不起作用：

v-bind:style="{ backgroundImage: 'url(' + {{ img }} + ')' }"

如何使用道具：img分配背景图片？

Answer 1

使用＆＃39; background-image＆＃39;来自this issue：

v-bind:style="{ 'background-image': 'url(' + img + ')' }"