javascript - 如何将值传递给 (Jade)pug 中的 onclick 函数？

Question

我是 jade 的新手，一直卡在这个问题上。我想我已经尝试了 StackOverflow 帖子中的所有内容，但仍然一无所获。

我尝试过的东西

button(type='button' class=' c-btn-blue c-btn-circle c-btn-uppercase' value="Read More" onclick='gotoBlog( #{val.link} )')

错误

1:8 Uncaught SyntaxError: Invalid or unexpected token

将其更改为 !{val.link}

错误

Uncaught SyntaxError: Unexpected token .

将其更改为 "!{val.link}" 和 "#{val.link}" 只是让我可以理解字符串。顺便说一句 val.link 是一个字符串

只是给 val.link 说 Uncaught ReferenceError: val is not defined

我现在别无选择。我们将不胜感激。

谢谢

Answer 1

当给html元素添加属性时，你已经在pug的范围内了，所以你可以像普通的js变量一样使用pug变量。

button(type='button' class=' c-btn-blue c-btn-circle c-btn-uppercase' value="Read More" onclick='gotoBlog(' + val.link + ')')