Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Vue.js Props

ekzergonik

Backend laravel,frontend Vue.js olacak şekilde bir blog sitesi yapıyorum kendimi geliştirmek için.
Laravelin kendi auth sistemini kullanmak istemedim ve kullanıcı kayıt ve girişini kendim yapıyorum.
Vue tarafında eğer kullanıcı girişi doğruysa .then fonksyionunda this.router.push ile anasayfaya yönlendiriyorum.

app.$router.push({
path:'/',
params:{email:this.user.email},
})
şeklinde index componentinde propsu yakalayamıyorum.
name:'Index',
props:{
email:{
type:String,
}
},

    mounted:function(){
      console.log(this.email);
    }

Indexte de böyle bir kod parçası var.
Yardım eder misiniz?

Ekrem

https://router.vuejs.org/guide/essentials/navigation.html adresinde örneklemiş

Note: params are ignored if a path is provided, which is not the case for query, as shown in the example above. Instead, you need to provide the name of the route or manually specify the whole path with any parameter:

Tanımlanmamış url'e push ettiğin zaman params değerlerini görmezden geleceğini belirtmiş. Yani url'i name prametresi ile push etmen gerekiyor.

// literal string path
router.push('home')

// object
router.push({ path: 'home' })

// named route
router.push({ name: 'user', params: { userId: '123' } })

// with query, resulting in /register?plan=private
router.push({ path: 'register', query: { plan: 'private' } })

örneklerini bir denersen problemin çözülecektir.

ekzergonik

aslında ben props göndermeye çalışıyorum index componentine giriş doğru ise o kullanıcının maili navbar da gözüksün login register kısmı kalksın istiyorum bu şekilde sanki url kısmında gidiyor gibi gönderdiklerim yoksa gerçekten props gidiyor mu ?

ekzergonik

params kısmını static girince yani params:{"ybd@gmail.com"} gibi girince props gidiyor diğer tarafta yakalıyorum fakat this.user.email diye gönderince olmuyor.