动态加载嵌套组件时出现子 comp javascript 问题

Issue with child comp javascript when dynamically loading nested component

提问人:Alexander Belski 提问时间:11/10/2023 更新时间:11/10/2023 访问量:34

问:

我是论坛的新手,也是Laravel开发的新手。我有以下问题。我尝试从父 Livewire 组件加载动态嵌套的 Livewire 组件,例如:

<div>
        @if ($caller==0)
            <livewire:comp1>
        @endif
        @if ($caller==1)
            <livewire:comp2 >
        @endif
    </div>

在嵌套的 comp (day comp1) 中,我有一个巨大的 js 逻辑。当我使用静态嵌套组件时,我总是使用

@push('scripts')
    <script>
        document.addEventListener("livewire:load", function(event) {
      //my js logic 

它总是奏效的。对于动态绑定的嵌套组件,它永远不会起作用,因为我认为在动态绑定之前已经触发了事件 livewire:load。如果我注释掉事件侦听器“livewire:load”,它会遇到错误“Livewire.hook is not a function”(我的嵌套 js 逻辑包含钩子)。那么如何为动态加载的嵌套 livewire 组件绑定 js 逻辑(包括钩子等 Livewire 命令)呢?有没有其他事件我应该听而不是livewire:load。请给我一个建议。

JavaScript Laravel 动态 嵌套

评论


答: 暂无答案