I am attempting to apply a computed function to my style. However, the computed function uses a property within it and Vue is throwing an error stating that it expects an object but is receiving a function. Below is the code in question.
<template>
<div id="banner" :style="generateImageURL">
</div>
</template>
<script>
export default {
props: ['imageURL'],
computed(){
generateImageURL()
{
return "background-image: url(" + this.imageURL + ");"
}
}
}
</script>