pass php parameters to vue function inside bladee

Question

In my blade view.

@foreach($r_templates as $key => $rt)
    <button @click="someFunc({{$rt['title'}})">click me</button>
@endforeach

// In my vue script
someFunc(title) { console.log(title); }

the above code seems to not work and it does not have errors too.

but when I change the parameter to 'something', it works.

How do I pass a PHP variable to a vue function?

right square brackets missing someFunc({{$rt['title']}}) in function parameter — Abdul Wadud Somrat
– Abdul Wadud Somrat, Commented Nov 23, 2021 at 11:20

Kamlesh Paul · Accepted Answer · 2021-11-23 10:25:32Z

1

as your passing string you need to add ' 'this quote

try this

@foreach($r_templates as $key => $rt)
    <button @click="someFunc( '{{$rt['title'}}' )">click me</button>
@endforeach

answered Nov 23, 2021 at 10:25

Kamlesh Paul

12.5k2 gold badges23 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Daniel W. Over a year ago

It won't work if you have a single quote or double quote in the title. Also it might allow code injection. This code is not safe.

Daniel W. · Accepted Answer · 2021-11-23 10:16:32Z

1

You have no quotes arround the parameter/value.

Ensure proper quotes and escaping using the JSON function:

'someFunc({{ Js::from($rt['title']) }})'

Reference: https://laravel.com/docs/8.x/blade#rendering-json

answered Nov 23, 2021 at 10:16

Daniel W.

32.6k15 gold badges99 silver badges155 bronze badges

1 Comment

aznmik Over a year ago

this also worked too. thanks

Collectives™ on Stack Overflow

pass php parameters to vue function inside bladee

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related