Vue 警告来自选项的无效值需要一个对象但得到了函数

Question

我正在尝试将计算函数绑定到我的样式。在这个计算函数中，我使用了属性。但是 Vue 给我的错误是它需要一个对象但得到了一个函数。这是我的代码。

<template>
  <div id="banner" :style="extractImageURL">

  </div>
</template>

<script>
export default {
    props: ['imageURL'],
    computed(){
      extractImageURL()
      {
        return "background-image: url(" + this.imageURL + ");"
      }
    }
}
</script>

Answer 1

这种格式：

computed:{
  extractImageURL: function()
  {
    return "background-image: url(" + this.imageURL + ");"
  }
}

Vuejs computed guide

Vue 警告来自选项的无效值需要一个对象但得到了函数

Vue warn invalid value from option expected an object but got function

vue.js

computed-properties