问题描述
我完全迷失在这里。我之前使用 Livewire + AlpineJS + Laravel 制作了多个应用程序,但由于某种原因,我无法让 @click
功能适用于此应用程序中的功能。
我将代码减少到几乎没有,但看不到问题。查看过我有 @click
工作的其他应用程序。
<div x-data="showAppSettings()">
<div @click="whatever(123)">Click here</div>
<script type="text/javascript">
window.showAppSettings = () => {
return {
showNav: false,whatever(id)
{
}
};
}
</script>
点击 click me 并触发该功能后,出现错误 ReferenceError: whatever is not defined.
如果我做类似@click="alert('hey')"
我错过了什么?
解决方法
该问题与包含 <script src="{{ asset('js/app.js') }}" defer></script>
那个文件甚至没有被使用。但无论哪种方式,错误都是由 app.js
触发的,我意识到这毫无意义,因为代码是内联的。
删除该行后,一切都按预期工作。