عبداله زرین
5 سال پیش توسط عبداله زرین مطرح شد
1 پاسخ

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

سلام
چجوری میتونم به style یک div توی کامپوننت backgroundImage بدم؟

        <div class=" header-event"  :style="backgroundImage=img_back+'/'+event.path">

img_back هم مسیر فایلم توی لاراوله
اینجوری زدم کار نمیکنه،کلا استایله رو نمیگیره
@tefo.ha27
@hesammousavi
@juza66
@amirsharifi
@ali.bayat
@Alimotreb


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
2

درود

ابتدا 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>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام