laravel livewire断线造型(@push script)

Question

我在一个已经制作好的laravel项目上应用了livewire。

它只是简单地应用电线:模型来选择，如下所示。

 <select wire:model="wired" id="#selector-01" >
  <option>1</option>
  <option>1</option>
 </select>

并在for循环中使用if语句中的连线变量(有线)。

<select id="#selector-02">
   @foreach($numbers in $number)
     @if($some_id == $wired)
        <option> some_id </option>
     @endif
   @endforeach
</select>

我只把它用作组件。

所有数据均由原拉拉控制器控制。

livewire组件由@livewire(' component -name')调用。

一切都正常，就像我想的那样，除了造型。

我认为这与使用SlimSelect有关

在livewire组件-name.blde.php的末尾，我的SlimSelect样式如下所示。

 @push('js')
        <script>
            new SlimSelect({
                select: '#selector-01'
            })
            new SlimSelect({
                select: '#selector-02'
            })
        </script>
 @endpush

我试着把密码移到

1. 带有“push”和“堆栈”的original.blade.php
2. 没有@push的app.blade.php

但造型还是很破的。

我认为一个解决方案可能是在活动线路控制器中添加几行update()，以重新弹出样式脚本。

我往正确的方向走了吗？

请帮帮忙。

Answer 1

添加下面的代码解决了问题。

<script>
        document.addEventListener('livewire:update', function () {
            // Your JS here.
            new SlimSelect({
                select: '#selector-01'
            })
            new SlimSelect({
                select: '#selector-01'
            })
        })
</script>

您也可以使用livewire:onload代替@堆栈和@push来加载样式加载。

参考活线文档