Alpine.js + Laravel消息立即消失

Question

我为成功的列表编写了一条闪存消息，在重定向之后持续3秒，但一旦重定向，它就消失了。我可以看到它的一瞥，大约10毫秒。以下是代码：

@if(session()->has("message"))
    <div x-data="{show: true" x-init="setTimeout(() => show = false, 3000)" x-show="show">
        <p>
            {{session("message")}}
        </p>
    </div>
@endif

Answer 1

您可以使用x-effect而不是x-init，因为您无法访问setTimeout中的显示变量

@if(session()->has("message"))
    <div x-data="{show: true}" x-effect="setTimeout(() => show = false, 3000)" x-show="show">
        <p>
            {{session("message")}}
        </p>
    </div>
@endif

有关x-effect https://alpinejs.dev/directives/effect的更多信息