Navigation PugsJs向mixin添加额外的类
如何向已经有类的mixin中添加一些额外的类。 这是我的代码,我正在尝试添加第三个参数,但它不起作用Navigation PugsJs向mixin添加额外的类,navigation,pug,Navigation,Pug,如何向已经有类的mixin中添加一些额外的类。 这是我的代码,我正在尝试添加第三个参数,但它不起作用 mixin item(title, url, extraClasses) mixin linkA a.nav-link(href=url)= title li.nav-item.mr-auto.#{extraClasses}(class=title === activeMenu ? 'active' : '') +linkA ul.navbar-
mixin item(title, url, extraClasses)
mixin linkA
a.nav-link(href=url)= title
li.nav-item.mr-auto.#{extraClasses}(class=title === activeMenu ? 'active' : '')
+linkA
ul.navbar-nav.ml-auto
each val in ['Menu1', 'Menu2', 'Menu3', 'Menu4']
if val !=='Menu1'
+item(val, href='/' + val.toLowerCase() + '.html', 'test1')
else
+item(val, href='/' + val.toLowerCase() + '.html', 'test2')
请看下面的直播:
您可以使用mixin语法轻松地将其他类传递给mixin中的元素
下面是一个简化的示例:
mixin item(title, url, isActive)
li(class= isActive ? 'active' : '')&attributes(attributes)
a(href= url) #{title}
ul
+item('Home', '/', true).myClass
+item('About', '/about', false)
+item('Contact', '/contact', false).foo.bar
这将导致:
<ul>
<li class="active myClass">
<a href="/">Home</a>
</li>
<li>
<a href="/about">About</a>
</li>
<li class="foo bar">
<a href="/contact">Contact</a>
</li>
</ul>
-
-
-