accessing laravel routes in vue component attribute

Question

I am trying to access a named laravel route in my Reply.vue file. What i am trying to do is pass this route as an attribute to my reply component. But while compiling i get the following error:

invalid expression: Unexpected token : in

http://tddforum.com/thread/reply/10

Raw expression: :route="http://tddforum.com/thread/reply/10"

As you can see the value of the route is correctly assigned to the :route attribute but the page wont load due to the error stated above. Here is the first line of my reply component:

<reply :attributes="{{ $reply}}" :route="{{ route('reply.update',$reply->id) }}" inline-template>

what is wrong here?

Thanks, Yeasir

craig_h · Accepted Answer · 2017-12-10 09:50:59Z

2

You are using v-bind which evaluates the value as JavaScript, but you are actually passing a string literal, so simply remove the v-bind (the colon):

<reply :attributes="{{ $reply}}" route="{{ route('reply.update',$reply->id) }}" inline-template>

If reply is also a string then you will need to do the same for that as well.

answered Dec 10, 2017 at 9:50

craig_h

32.8k7 gold badges61 silver badges70 bronze badges

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

1 Comment

Yeasir Arafat Majumder Over a year ago

Yes, that worked!! And now have a better understanding of how the binding works. Thanks a lot :)

Collectives™ on Stack Overflow

accessing laravel routes in vue component attribute

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related