मैं नहीं मिल सकता है एक तरह से बनाने के लिए अपने कोड काम में दुर्बल. कोड शामिल है वस्तुओं की एक सरणी

0

सवाल

यह कोड की एक लाइन है, मैं एक बहुत कोशिश की के दृष्टिकोण है, लेकिन मैं बस नहीं कर सकते हैं परिणाम प्राप्त मैं करना चाहते हैं.

मैं क्या करना चाहते हैं?

मैं चाहता हूँ करने के लिए सेट विशेषता loading = lazy शुरू में दूसरा आइटम सरणी में. मैं चीजों की बहुत कोशिश की, मेरा आखिरी प्रलोभन था का उपयोग करने के लिए पोस्ट आईडी. लेकिन काम नहीं करता है. देखो 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}

svelte svelte-3 sveltekit
2021-11-23 12:48:41
1

सबसे अच्छा जवाब

1

अगर post.image है trueमें , else if होना कभी नहीं होगा की जाँच की/मार डाला । आप इस सरल सका द्वारा हमेशा की स्थापना loading विशेषता है । व्यक्तिगत रूप से मैं खोजने के लिए यह आसान समझने के लिए क्योंकि आप वास्तव में चाहते हैं एक ही बात करने के लिए हर तत्व है कि एक 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}
2021-11-23 12:54:44

बहुत बहुत धन्यवाद, फेलिक्स! मैं इस दृष्टिकोण का उपयोग पर अब से. धन्यवाद!
Ricardo de Paula

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में