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 компьютерное руководство