2017-09-03 1 views
0

Im affectant des données dans un objet global (Vue) il entre (vérifié sur debbuger) mais revenant à sa valeur prev lorsque vous quittez la fonction.Les données affectées à un objet Vue global à partir d'une fonction sont "supprimées" après avoir quitté la fonction

Que dois-je faire pour qu'il reste là?

"use strict"; 

var App = 
{ 
    debugMode: 2,//0=no, 1=yes, 2=special deep debug :-(~) 
    serverApi: '../../Server/CrmAPI.php', 
    navTemplate: new Vue({el: '#menuTemplate', 

     data: { 
      objectName: "", 
      brandName: "CRM" 
     } 
    }), 
    currentObject: null // each time containes a different object that currently active by user selection 


} 


function navigateMainNav(selectedObj) 
{ 
    var objectName = selectedObj; //try 1 
    window.App.navTemplate.objectName = objectName; //try 2 
    App.navTemplate.data.objectName = objectName; // try 3 


    window.location.href = "../html/templates/navTemplate.html" ; // load html 

} 

Répondre

0

Si vous souhaitez obtenir des données globales à l'intérieur de votre application Vue, pensez à utiliser Vuex.

Il s'agit essentiellement d'un gestionnaire d'état et vous permet de placer des données dans un stockage Vuex global auquel vous pouvez accéder à partir de tous vos composants. De plus, avoir vos trucs globaux dans un magasin Vuex vous empêche d'empoisonner votre espace de noms global à l'intérieur de vos scripts js. Vous devriez vérifier, ce n'est pas aussi dur que ça en a l'air! ;)