首页 > 解决方案 > 如何避免具有多个属性的 Pug 标签?

问题描述

我正在学习哈巴狗,在这里阅读评论并稍微调整后,我得到了这个 Mixin:

mixin mainnav(i)
    ul
        li(class=(!--i) && "active")(class='home')
            a(href="/") Home
        plus other li's,

然后:

+mainnav(1)

要创建此 html:

<nav class="main-nav">
   <ul>
      <li class="active home"><a href="/">Home</a></li>
      other li's...

它创建了我想要的,您可以'active'通过更改+mainnav(x)来移动类,但是编译时会出现警告:

'You should not have pug tags with multiple attributes.'

有没有更清洁的方法来做到这一点?

(我在这里查看了解决方案- 并尝试了

li(class="home" && (!--i) && "active")

但只有“活动”被添加为一个类。)

标签: pug

解决方案


这应该可以正常工作:

li.home(class= (!--i) && "active")

推荐阅读