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.

4 réponses


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

SoBaDayz
Auteur

Merci de ta réponse, mais mon push est la route !

c'est a dire? fait voir le code du push alors, peit etre il y a une erreur a ce niveau la

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