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

标签 javascript pug

我是 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

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

谢谢

最佳答案

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

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

关于javascript - 如何将值传递给 (Jade)pug 中的 onclick 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39160264/

相关文章:

javascript - 使用 nodejs 和 pug 的客户端模板

javascript - Express JS 中的 Jade 不是渲染

css - 需要按钮 float 到卡片 pug/css 的底部

javascript - 在我的打印机中,纸张跳纸太多

javascript - 在后台提交表单

javascript - 在谷歌地图中拖动时如何从标记下方删除十字

html - 不显示 Jade 的 Bootstrap 导航栏

Javascript递归函数引用this

javascript - 对象中的 "store"对象好不好

node.js - 使用jade创建无序列表树