javascript - 在 vuejs 中将背景图像分配为变量

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 }} + ')' }"

如何使用 Prop :img 来分配背景图像？

Answer 1

使用 this issue 中的“背景图像” :

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