Bonjour,
Voila je rencontre un petit problème avec mon code.
Quand je reçois la notification dans mon array je reçois pas les informations !
Mon code App.js :
Vue.component('unread', require('./components/UnreadNots.vue'));
import { store } from './store'
const app = new Vue({
el: '#app',
store
});
Unread.vue:
<template>
<li>
<a href="/notifications">
Unread notifications
<span class="badge">99</span>
</a>
</li>
</template>
<script>
export default {
mounted() {
this.get_unread()
},
methods: {
get_unread() {
this.$http.get('/get_unread')
.then( (nots) => {
console.log(nots)
})
}
},
}
</script>
Store.js
import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)
export const store = new Vuex.Store({
state: {
nots: []
},
})
Route:
Route::get('get_unread', function(){
return Auth::user()->unreadNotifications;
});
Je vous remercie.
je ne connais pas vuesjs mais a aucun moment tu a une methode qui te permet de push les data dans ton tableau ca doit venir de ca. si tu dit pas de push les data dans le array il est vide c'est normale
Tu ne m'as pas l'air de comprendre comment ça fonctionne.
La tu essaies d'utiliser VueX, le state manager de Vue. Apres ton appel ajax il te faut recuperer et passer par une mutation pour mettre a jour ta state. Si c'est compliqué pour toi, utilise le binding classique