Vue router

Cześć, mam problem, gdy zaloguję się do mojej apki w jednym z komponentów w created() pobieram z Vuex id zalogowanego usera, po czym klikając w przycisk przechodzę na jego stronę

Komponent:

<v-list-item
                    color="#FFA255"
                    class="tile"
                    v-for="el in userElements"
                    :key="el.text"
                    router :to="el.route">
            </v-list-item>

<script>
import { mapGetters } from 'vuex';

    export default {
        data() {
            return {
                userId: null,
                userElements: [
                    {icon: 'dashboard', text: 'Dashboard', route: '/dashboard'},
                    {icon: 'person', text: 'My Account', route: '/user/'+this.userId},
                ],
            }
        },

        computed: {
          ...mapGetters([
              'getUserId'
          ])
        },

        created() {
            console.log(this.getUserId + 'sidebar');
            this.userId = this.getUserId;
        }
    }
</script>

router.js

 {
            path: '/user',
            component: User,
            children: [
                {
                    path: ':id',
                    component: UserInfo,
                    name: 'userInfo'
                },
                {
                    path: ':id/owned',
                    component: Owned,
                    name: 'owned'
                },

Każda pomoc na wagę złota, trochę utknąłem :X

EDIT: Pobieranie id z vuex działa i zwraca poprawne id

Nie napisałeś w czym jest problem.