如何避免具有多个属性的Pug标签?

时间:2018-11-05 21:20:08

标签: pug

我正在学习哈巴狗,在阅读评论here并稍加调整后,我得到了这个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...

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

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

是否有一种更清洁的方法?

(我查看了解决方法here-并尝试了

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

,但只有“ active”作为类被添加。)

1 个答案:

答案 0 :(得分:1)

这应该可以正常工作:

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