javascript - 从 Blade 文件的 js 文件调用 onClick (Laravel 6)

Question

我在我的 Blade 文件底部导入了一个脚本，该脚本将 JS 注入 HTML 标记的顶部，就在 open<body>标记之后。

正如我在 Webpack 中定义的那样，该脚本正在正确导入，并且我正在将一些文本注销到控制台，这看起来很好。

我想在这个脚本文件中有一个 onClick 函数，例如

<button onClick=testFunction()>Click Me</button>

js文件中的函数如下所示：

console.log('test import file');

function testFunction() {
    console.log('button has been clicked')
}

但是，当我单击页面上的按钮时，我得到：

settings:264 Uncaught ReferenceError: testFunction is not defined at HTMLButtonElement.onclick

为什么我的标记能够读取此文件（以登录到控制台test import file）但找不到函数 testFunction？

score 1 · Accepted Answer

您收到此错误是因为您正在使用以下函数console.log()

这将是：

function testFunction() {
  console.log('button has been clicked');
}

<button onClick=testFunction()>Click Me</button>

1 回答 1