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
|
||||
/>
|
||||
<img
|
||||
:src="imageUrl"
|
||||
v-if="imageUrl"
|
||||
:src="imageUrl || fallbackUrl"
|
||||
v-if="imageUrl || fallbackUrl"
|
||||
class="image-container"
|
||||
style="object-fit: contain"
|
||||
@error="imageUrl = fallbackUrl || ''"
|
||||
@error="imageUrl = ''"
|
||||
/>
|
||||
<div class="image-container" v-if="!imageUrl">
|
||||
<slot name="error" v-if="!imageUrl"></slot>
|
||||
<div class="image-container" v-if="!imageUrl && !fallbackUrl">
|
||||
<slot name="error"></slot>
|
||||
</div>
|
||||
<div style="position: fixed; padding: var(--size-2)">
|
||||
<q-btn
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue