苗条标签属性的条件 [英] Condition for svelte tag attributes

问题描述

如何内联添加属性，而不需要复制锚标签?https://svelte.dev/repl/a4e072ca670b481cb5d0360d01d07f27?version=3.12.1">

How to add attribute inline, without needing to duplicate the anchor tag ? https://svelte.dev/repl/a4e072ca670b481cb5d0360d01d07f27?version=3.12.1

<ul>    
    {#each menu as item}
        <li>
            <a
                {item.prefetch ? 'rel=prefetch' : ''}  
                href="{item.link}">
                {item.title}
            </a>
        </li>
    {/each}
</ul>

我在以下情况下编译组件时出错:

I have Error compiling component when:

{item.prefetch ? 'rel=prefetch' : ''}  

下一个代码有效，但不是我需要的:

Next code works, but not quite what I need:

rel={item.prefetch ? 'prefetch' : ''}  

推荐答案

尝试使用 undefined 例如

            rel={item.prefetch ? 'prefetch' : undefined}  

哪个应该给你:-

<ul>
<li><a rel="prefetch" href=".">Главная</a> </li>
<li><a href="about.html">О нас</a> </li>
</ul>

见:-https://svelte.dev/repl/31ab5879ed1b457a8a52f173a8702f173e3c70a0749f?version=3.12.1>

See:- https://svelte.dev/repl/31ab5879ed1b457a8a53e3cc70a0749f?version=3.12.1

这篇关于苗条标签属性的条件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！