mercredi 23 mai 2018

how to change export const in vue js

I have const:

export const globalUser = new Vue({
  created: function(){
    this.getActualUser();   
  },
  data: {
    ActualUser: {name:'',meta:'',tipo:''}
  },
  methods:{
    getActualUser: function(){
        var urlMeta='usuarioActual';
                axios.get(urlMeta).then(response=>{
                    this.ActualUser=response.data;
                });
    }   
  }
});

Now i'm importing that in a component of vue js

import {globalUser} from '../app.js'

Here is my data:

data:function(){
            return {
                usuarioActual:globalUser.ActualUser,
                anotherData:{}
            }
   }

This returns me: "usuarioActual": { "name": "", "meta": "", "tipo": "" }, the data is empty.

What i want is the returns me data after the method getActualUser run:

ActualUser: {name:'currentName',meta:'currentDat',tipo:'currentType'}

It works well:

axios.get(urlMeta).then(response=>{
                        this.ActualUser=response.data;
                    });



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire