laravel livewire wire:click 在我执行 insertAdjacentHTML 时不起作用

Question

Laravel版本：8.7.1

livewire 版本：2.x.x

你必须查看代码才能理解我的问题

此函数将 return 用于渲染的模板

function createElementForAttatchment(tit,capt,id){
    let template =
        ` <div class="approval-list-tab display-flex
            flex-direction-column flex-align-item-start
             flex-justify-content-space-between" wire:click="$emit('laucnhLeave',${id})">
                <h1 style="text-align: left">${tit}</h1>
                <h2>${capt}</h2>
            </div>`
    return template
}

下面的代码将从服务器获取数据并执行上面的函数

function getDataFromServer(){
        axios.get(appUrl+"/api/attendences/for/approval").then(response=>{
            console.log(response.data)
            let data = response.data.data
            nextPageUrl = response.data.next_page_url
            data.forEach(d => {
                let title = d.first_name + " " + d.last_name
                let caption = "ROll NUMBER : "+d.roll_number + " Class : "+d.student_class_id
                scollingElement.insertAdjacentHTML("beforeend",createElementForAttatchment(title,caption,d.id))
            })
        }).catch(error =>{
            console.log(error)
        })
}

现在 wire:click 不工作了。但是我单独测试了它，它工作正常但在我使用 insertAdjacentHTML

时不起作用

点击事件侦听器的代码是：

Livewire.on('laucnhLeave', (id) => {
    alert(id)
})

谢谢！

Answer 1

没用。所以我写了这样的脚本：

document.getElementbyId('element-id').addEventListener('eventname',()=>{

})

laravel livewire wire:click 在我执行 insertAdjacentHTML 时不起作用

laravel livewire wire:click is not working when i do insertAdjacentHTML

javascript

laravel

laravel-livewire