Nemůžu najít způsob, aby se moje zákoníku práce v Štíhle. Kód zahrnuje pole objektů

Question 1

To je jediný řádek kódu, snažil jsem se hodně blíží, ale já prostě nemůže dostat výsledek chci.

Co chci?

Chci nastavit atribut loading = lazy počínaje druhou položku v poli. Snažil jsem se hodně věcí, můj poslední pokušení bylo použít post ID. Ale nefunguje. Podívejte se na else if.

<script>
    // post props
    export let post;
</script>

<!--HTML here-->
<div>
    <!-- display posts images -->
    {#if post.image}
        <!--check if image is not empty -->
        <img src={post.image.formats.medium.url} alt={post.title} />
        <!-- if id is greater than 2 add loading="lazy" -->
    {:else if post.id > 2}
        <!-- set lazy images -->
        <img src={post.image.formats.medium.url} alt={post.title} loading="lazy" />
    {:else}
        <!-- if no images then placeholder -->
        <img src="images/900x600.png" alt={post.title} loading="lazy" />
    {/if}

Question 2

Pokud post.image je true, else if bude nikdy být kontrolovány/popraven. Můžete zjednodušit tím, že vždy nastavení loading atribut. Osobně jsem najít to jednodušší pochopit, protože vlastně chcete udělat to samé pro každý prvek, který má image.

{#if post.image}
    <!--check if image is not empty -->
    <img src={post.image.formats.medium.url} alt={post.title} loading={post.id > 2 ? 'lazy' : 'eager'} />
{:else}
    <!-- if no images then placeholder -->
    <img src="images/900x600.png" alt={post.title} loading="lazy" />
{/if}

Felix Kling · Answer 1 · 2021-11-23T12:54:44

Pokud post.image je true, else if bude nikdy být kontrolovány/popraven. Můžete zjednodušit tím, že vždy nastavení loading atribut. Osobně jsem najít to jednodušší pochopit, protože vlastně chcete udělat to samé pro každý prvek, který má image.

{#if post.image}
    <!--check if image is not empty -->
    <img src={post.image.formats.medium.url} alt={post.title} loading={post.id > 2 ? 'lazy' : 'eager'} />
{:else}
    <!-- if no images then placeholder -->
    <img src="images/900x600.png" alt={post.title} loading="lazy" />
{/if}

Moc děkuju, Felixi! Budu používat tento přístup. Díky!!!

Nemůžu najít způsob, aby se moje zákoníku práce v Štíhle. Kód zahrnuje pole objektů

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii