Javascript 在vuejs中将背景图像指定为变量

我有一个vue.js组件，带有

div.icon

：

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

---

如何使用道具：

img

分配背景图像？

从以下位置使用“背景图像”：

---

从以下位置使用“背景图像”：

---

这会导致一个错误：>属性内部插值已被删除。改用v-bind或冒号速记。例如，使用代替。谢谢你的建议，但这两种方法都不起作用。由于整个

模板：'

标记被包装在

'

符号中，因此代码会创建语法错误。请使用

\'

将其转义，谢谢。请将此重要注释添加到您的答案中，以便其他人查找：）这会导致错误：>已删除属性内部的插值。改用v-bind或冒号速记。例如，使用代替。谢谢你的建议，但这两种方法都不起作用。由于整个

模板：'

标记被包装在

'

符号中，因此代码会创建语法错误。请使用

\'

将其转义，谢谢。请将此重要注释添加到您的答案中，以便其他人查找：）

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

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