CODEWITHSUNDEEP
laravelvue.js
Pablo
Pablo

Reputation: 1435

Get Auth Laravel Data to populate using Vue

How do I populate auth()->user()->first_name or {{ optional(auth()->user()->first_name) }} from my blade

Populate it using vue.js file.js to user.first_name code below?

var app = new Vue({
   el: '#property-booking',
    data: {
      user: {
        first_name: '',
        ......somecodes
      },
...Somecodes

Note: my.blade.php & vuefile.js file is separated

Upvotes: 1

Views: 98

Answers (1)

wheesnoza
wheesnoza

Reputation: 211

You could try using props.

This post may help you.

// blade

<component-name user={{ json_encode(auth()->user()) }}/>

var app = new Vue({
   el: '#property-booking',
   props: ['user']
...Somecodes

and use in your component like user.first_name, user.some_attribute

Hope it helps you.

Upvotes: 2

Related Questions