Level 4
Create and use your own helper functions.
2 likes
Dec 14, 2020
6
Level 1
Calling livewire method inside blade template
I am trying to call a livewire component method inside the blade template, but I am getting an "undefined method called" error. Do there any workaround to solve this problem?
Livewire Component::
class AskQuestion extends Component {
public function convertNumber($engNum) {
...
return $convertedNumber;
}
}
The blade template looks like::
<select wire:model="dob.year" type="text" class="mt-1">
@foreach($years as $engYear )
<option >{{ convertNumber($engYear) }}</option>
@endforeach
</select>
Level 18
Hi, only class properties are passed to blade view not methods. If you want to pass method too you can do it like so
public function render()
{
$convertNumber = function () {
// logic
};
return view('livewire.counter', compact('convertNumber'));
}
2 likes
Level 1
I found a better solution in this article
https://ryangjchandler.co.uk/articles/accessing-helper-methods-in-your-livewire-components .
We can directly call method inside view as $this->methodName()
Just knew that this feature is available and is not documented in livewire docs.
7 likes
Level 1
Try with static function
class AskQuestion extends Component {
public $convertNumber = '\App\Http\Livewire\AskQuestion::convertNumberInternal';
static function convertNumberInternal($engNum) {
...
return $convertedNumber;
}
}
inside blade file
@foreach($years as $engYear )
<option >{{ $convertNumber($engYear) }}</option>
@endforeach
This way work for me
3 likes
Level 1
it's simple you can just write it on this way
@foreach($years as $engYear )
<option >{{ $this->convertNumber($engYear) }}</option>
@endforeach
3 likes
Level 3
@frankstein what if you what to pass two or more variables inside that method?
Please or to participate in this conversation.