vue-expandable-image
vue-expandable-image copied to clipboard
image not visible
Hello,
I generate a list of images with the component
<div id="rechteSpalte">
<div v-for="rechtespalte in appContent.menu[appMenu-1].pages[this.activeInfo].rechts" :key="rechtespalte.image">
<!-- <img width="458px" :src="rechtespalte.image"> -->
<expandable-image width="458px" class="image"
src="https://images.unsplash.com/photo-1550948537-130a1ce83314?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2552&q=80"
alt="dog"
title="dog"/>
<p id="imagetext" class="appContentCopy" >{{rechtespalte["image_" + appLanguage] }}</p>
</div>
</div>`
using image tag everything work, now I took your component and in chrome I got expandabel-image.image size 0x0
the element in debugger:
<expandable-image data-v-289638c3="" width="458px" src="https://images.unsplash.com/photo-1550948537-130a1ce83314?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2552&q=80" alt="dog" title="dog" class="image"></expandable-image>
ok, where's my fault.