alpine.js - How to pass a method as an argument in AlpineJS?

Question

How can I dynamically call a method from another in AlpineJS? In the example below, foo() should call bar() to run the method it receives. This doesn't work, because 'Uncaught TypeError: callback is not a function'.

foo(){
  bar(this.baz())
},
bar(method){
  method()
},
baz(){
  return 'success'
}

Answer 1

The issue is that you're not passing the method, you're passing the output for the method call, try

foo(){
  bar(this.baz)
},
bar(method){
  method()
},
baz(){
  return 'success'
}

If you get issues with this in baz you might need to do:

foo(){
  bar(this.baz.bind(this))
},