设置onclick函数以锚定laravel中的元素

Question

我正在开发一个laravel应用程序，在那里我想设置一个onclick函数到Html anchor元素。 所以我按照以下方式创建了它。

在我的刀片视图中

<a class='compon' id="{{$value[1]}}" href="#" onclick="return myFunction();">
    <div class="mq-friends thumbnail">
       <div class="mq-friends-footer">
          <small>{{$value[0]}}</small>
       </div>
    </div>
</a>

我的resources/assets/js/app.js

function myFunction() {
    console.log('whatever');
    return true;
}

这不起作用，（我还仔细检查了app.js文件已使用laravel-mix（ npm run dev ）内置到public/js/app.js ，并且函数myFunction()就在那里。）

我想知道的是它为什么不起作用？ blade有什么问题吗？

注意：当我将此脚本插入同一刀片视图而不添加到js文件时，这显然有效：

<script type='text/javascript'>
     function myFunction()
     {
          console.log('whatever');
          return true;
     }
</script> 

Answer 1

我不是100％肯定它，但是：

我想当你想绑定锚onclick事件时，你需要将函数绑定到window对象，就像在你的app.js中一样：

  window.myFunction = function(ev) {
     console.log(ev)
  });

在我的情况下它解决了。

另一种方式（似乎是推荐的方式）以不引人注目的方式绑定。

希望它有助于o /