苗条标签属性的条件

本文介绍了苗条标签属性的条件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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

How to add attribute inline, without needing to duplicate the anchor tag ? 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>

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

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