Show authenticated user in vuejs

Question

I've tried to follow the following tutorial in laravel 5.3 and vue 2.0:

https://www.youtube.com/watch?v=CeXDx4hdT1s

Products.vue:

<my-product :key="product.id"
            v-for="product in products"
            :authenticatedUser="authenticatedUser"
            :product="product">

...

computed: {
  authenticatedUser() {
     this.$auth.getAuthenticatedUser()
  }
},

Product.vue:

export default{
    props: ['product', 'authenticatedUser']
}

Auth.js

setAuthenticatedUser(data){
  authenticatedUser = data;
},

getAuthenticatedUser(){
  return authenticatedUser;
}

Navbar.vue:

export default {
    data() {
        return {
            isAuth: null
        }
    },

    created() {
        this.isAuth = this.$auth.isAuthenticated();

        this.setAuthenticatedUser();
    },

    methods: {
        setAuthenticatedUser() {
            this.$http.get('api/user')
                    .then(response => {
                        this.$auth.setAuthenticatedUser(response.body);
                        console.log(this.$auth.getAuthenticatedUser());
                    })
        }
    }

I try to pass the authenticated user which is called in the Products.vue within the Product.vue

For that, at each login, the setAuthenticated method in the Navbar.vue is called where the authenticated user should be set in the corresponding method.

But when I check the property in the debugger of the browser, it's written Props authenticatedUser: undefinded. In fact the authenticated user is not shown.

Any ideas what it's missing?

console.log(this.$auth.getAuthenticatedUser()); does it return what is intended? — Egor Stambakio
– Egor Stambakio, Commented May 25, 2017 at 11:57

Luis Orduz · Accepted Answer · 2017-05-25 15:30:53Z

2

In computed you need to return the value you want the property to take.

It should be:

computed: {
  authenticatedUser() {
     return this.$auth.getAuthenticatedUser()
  }
},

answered May 25, 2017 at 15:30

Luis Orduz

2,8871 gold badge15 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

Show authenticated user in vuejs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related