我想通过在扩展基本布局的模板中声明一个变量来在 body 标记上设置一个类。
当我尝试时,body_class
变量在布局中是 undefined
。
看起来布局是在扩展模板之前执行的,或者它们是在不同的范围内执行的。
还有其他方法吗? mixin 可以在这里工作吗?
_layout.jade:
doctype html
html(lang="en-au")
head
meta(charset="utf-8")
block css
body(class=(body_class || "it-did-not-work"))
block header
block content
block footer
home.jade:
var body_class = 'i-am-the-home-page'
extends _layout
block header
h1 home
最佳答案
啊哈!想通了。
在基本布局的顶部创建一个 block 并在其中添加变量。
_layout.jade:
block variables
doctype html
html(lang="en-au")
head
meta(charset="utf-8")
block css
body(class=(body_class || "it-did-not-work"))
block header
block content
block footer
home.jade:
extends _layout
block variables
- var body_class = 'i-am-the-home-page'
block header
h1 home
关于javascript - 从扩展 pug/jade 模板将变量传递给基本布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29089925/