نحوه backgroundImage دادن به div در ویو جی اس

درود

ابتدا location فایل تصویر رو در قسمت Script ذخیره کنید و یا از یک computed property استفاده کنید و به شکل زیر روی div موردنظر اعمال کنید:

<template>
  <div class="header-event" :style="{ backgroundImage: 'url(' + BGImage + ')' }"></div>
</template>

<script>
export default {
  data() {
    return {
      BGImage: 'http://host/dir/img.jpg'
    }
  }
}
</script>