内容更改后JavaScript停止执行-Laravel Livewire

内容更改后JavaScript停止执行-Laravel Livewire,javascript,laravel,swiper,laravel-livewire,Javascript,Laravel,Swiper,Laravel Livewire,我有一个javascript代码来制作一个滑块,在滑块内部,通过livewire调用一个方法时会有内容变化,问题是调用它时,滑块会爆炸,javascript代码无法工作 视图: @foreach($section->children()->get()作为$subSection) {{$subSection->name} @endforeach @foreach($services as$service) 此处的服务根据serviceChanger方法的不同而变化 @endforeach jav

我有一个javascript代码来制作一个滑块,在滑块内部,通过livewire调用一个方法时会有内容变化,问题是调用它时,滑块会爆炸,javascript代码无法工作

视图:

@foreach($section->children()->get()作为$subSection)
{{$subSection->name}
@endforeach
@foreach($services as$service)
此处的服务根据serviceChanger方法的不同而变化
@endforeach
javascript


var swiper=新的swiper(“.swiper容器”{
幻灯片视图:1,
间隔时间:10,
//init:false,
分页:{
el:“.swiper分页”,
可点击:正确,
},
断点:{
640: {
幻灯片视图:1,
间隔时间:20,
},
768: {
幻灯片视图:2,
间隔:40,
},
1024: {
幻灯片视图:4,
间隔:50,
},
}
})
组成部分:

公共功能服务更改器($id)
{
//一些逻辑
}
在调用ServiceChanger之后,当服务发生变化时,javascript将无法工作。
有什么想法吗?

我通过在
serviceChanger
方法末尾调度一个浏览器事件来解决我的问题

$this->dispatchBrowserEvent('contentChanged');
在JavaScript文件中,捕获这样的事件

window.addEventListener('contentChanged',event=>{
//你的JS代码
});
  • 当Livewire刷新内容时,需要重新初始化javaScript代码

  • 当livewire用新的HTML替换DOM中的HTML时,不会执行任何JS代码

  • 您必须手动确保再次执行所有操作


有关更多信息,请查看

此处没有足够的信息来帮助解决此问题,您已删除了代码的重要部分。您还应该在控制台中包含相关的错误消息,并描述发生的情况(“爆炸”不是很具有描述性)。谢谢您的回答,但问题对我来说很清楚。顺便说一句,我不是以英语为母语的人,因为我正在尽我最大的努力把它说清楚。