Level 5
same question :( can anyone help?
Jan 13, 2021
7
Level 3
How to call alpine JS method from livewire?
hi
I want to run alpinejs function from livewire component.
in posts component,
function gotcomment(){
$this->emit('gotcomment');
}
in posts view
<div wire:click="gotcomment">
I will get post
</div>
in blade.
<div x-data="myfunction()">
@livewire('posts')
</div>
<script>
window.livewire.on('gotcomment', () => {
console.log( '----')
this.callme() ; --> it goes error ..
});
function myfunction() {
return {
callme() {
console.log('callme')
},
}
}
</script>
this.callme() is not run..
How can I fire alpinejs function from livewire ?
Level 5
I guess I don't understand it enough :( I thought I was using alpine :) I don't get how can I call alpine function from livewire how, after some changes on server, can I call callme() ?
Level 16
@binggle Have you tried this.myfunction().callme()?
Level 29
document.addEventListener('livewire:load', function () {
Livewire.on('gotcomment', (el, component) => {
@this.callme();
});
}
Level 5
ye, i tried this.myfunction().callme()... didnt work :) but I didn't try @this and THIS did help, @frankielee thx.
Level 1
<script>
const myObject= {
callme: function (){
console.log('working);
},
}
document.addEventListener('livewire:load', function () {
Livewire.on('gotcomment', (el, component) => {
myObject.callme();
});
});
</script>
// livewire controller
public function gotcomment() {
$this->emit('gotcomment');
}
1 like
Please or to participate in this conversation.