livewire3 传递消息 | 工作生活记录12

Livewire 控制器

$this->dispatch('Message:show', ['alert'=>'success', 'message'=>'保存成功']);

向body内顶部插入div，显示传递的信息，3秒后移除此div

<script type="module">
    window.addEventListener('Message:show', (e) =>{
        //console.log(e.detail[0].alert);
        var body = document.body;
        var newElement = document.createElement("div");
        newElement.className = "notice-tip";
        newElement.innerHTML = e.detail[0].message;
        body.insertBefore(newElement, body.firstChild);
        setTimeout(function(){newElement.remove();}, 3000);
    });
</script>