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

Question

I have got a vue.js component with a div.icon :

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

While its easy to use {{ name }} , I do not know how to pass {{ img }} .

I have tried to add the following code, which does not work:

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

How can I use the props: img to assign a background-image?

Answer 1

使用此问题中的 “background-image”：

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