AppTopbar not display logged in full name

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
damnh
Posts: 8
Joined: 13 Feb 2012, 16:29

08 Aug 2021, 11:48

Hi,

I have been using the basic license of Serenity. I have a problem.
I used VueJS 3, Vuex, and backend with Django rest framework with simple JWT for our project.
After I logged in successfully, I performed to get user information and save into localstorage by Vuex (store), and push to dashboard page.
At AppTopbar.vue, I edited profile name by getting fullname of user from localstorage. But it not displayed.
If I refresh dashboard page again, fullname is displayed.

Why logged in successfully and push to dashboard page, fullname of user is not displayed. Please help me. Thank you!

Code: Select all

..........
<span class="topbar-item-name profile-name">{{ profileName }}</span>
..........
computed: {
    topbarMenuClass () {
      return ['topbar-menu fadeInDown', {
        'topbar-menu-active': this.topbarMenuActive
      }]
    },
    profileName () {
      const authUser = JSON.parse(this.$store.state.authUser)
      return authUser.first_name + ' ' + authUser.last_name
    }
  }

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

09 Aug 2021, 08:13

Hi,

Please debug your code with Vue.js devtools. If you are having trouble with Serenity with PrimeVue, we glad to help.

Regards,

Post Reply

Return to “Serenity - PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests