feat: handle fallback prioritize image over slot
This commit is contained in:
parent
cd208781a8
commit
1da2db9501
1 changed files with 5 additions and 5 deletions
|
|
@ -64,14 +64,14 @@ function change(e: Event) {
|
||||||
hidden
|
hidden
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
:src="imageUrl"
|
:src="imageUrl || fallbackUrl"
|
||||||
v-if="imageUrl"
|
v-if="imageUrl || fallbackUrl"
|
||||||
class="image-container"
|
class="image-container"
|
||||||
style="object-fit: contain"
|
style="object-fit: contain"
|
||||||
@error="imageUrl = fallbackUrl || ''"
|
@error="imageUrl = ''"
|
||||||
/>
|
/>
|
||||||
<div class="image-container" v-if="!imageUrl">
|
<div class="image-container" v-if="!imageUrl && !fallbackUrl">
|
||||||
<slot name="error" v-if="!imageUrl"></slot>
|
<slot name="error"></slot>
|
||||||
</div>
|
</div>
|
||||||
<div style="position: fixed; padding: var(--size-2)">
|
<div style="position: fixed; padding: var(--size-2)">
|
||||||
<q-btn
|
<q-btn
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue