Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Consultant informatique
    Inscrit en
    avril 2019
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Polynésie

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : avril 2019
    Messages : 2
    Points : 5
    Points
    5

    Par défaut Transmission de propriétés à travers vue.router

    Bonjour,

    Je voudrais utiliser des variables générales (comme le titre de l'appli, la langue par défaut, le chemin vers son logo, ...) dans des composants que j'appelle avec vue.router.
    Actuellement, je fais cela:
    main.js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    import App from './App.vue'
    import router from './router.js'
    new Vue({
      router,
      render: h => h(App)
    }).$mount('#app')
    router.js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    import Vue from 'vue'
    import Router from 'vue-router'
    import Home from './views/Home.vue'
    Vue.use(Router)
     
    export default new Router({
      routes: [
        {
          path: '/',
          name: 'home',
          props: true,
          component: Home
        }, ...
    App.vue
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <template>
      <div id="app">
        <router-view/>
        </div>
      </div>
    </template>
     
    export default {
      data() {
        return {
          titre: "AAAAA",
          logo: require("./assets/logo.png"),
        };
      },....
    };
    et enfin Home.vue
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <template>
      <div>
         {{titre}} {{logo}}
      </div>
    </template>
     
    export default {
      props: {
        titre: String,
        logo: String
      },....
    }
    et je voudrais récupérer les valeurs les "data" de App.vue dans Home.vue.
    En composant enfant, je le fais en utilisant les propriétés, mais je voudrais le faire via vue.router.

    Etant débutant avec Vue.js, peut être que je ne l'utilise pas correctement, mais je coince totalement.

    Merci pour votre aide et votre indulgence.

    Marco

  2. #2
    Futur Membre du Club
    Homme Profil pro
    Consultant informatique
    Inscrit en
    avril 2019
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Polynésie

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : avril 2019
    Messages : 2
    Points : 5
    Points
    5

    Par défaut

    Youhou !! J'ai trouvé.

    Il faut ajouter les propriétés dans le <router-view>, comme ca:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <router-view :config="config"></router-view>
    Pour simplifier, j'ai rassemblé toutes mes propriétés de configuration dans un objet.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    data() {
        return {
          config: {
            titre: "AAAAAA",
            logo: require("./assets/logo.png")
          }
        };
      },
    Merci à ceux qui ont pris le temps de lire mon message.

    Marco

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Multicast PIM SM à travers des routers et firewall's
    Par tomecrn dans le forum Architecture
    Réponses: 2
    Dernier message: 07/07/2016, 09h06
  2. Sous-catégorie dans vue propriétés.
    Par acheda dans le forum Eclipse Platform
    Réponses: 2
    Dernier message: 03/06/2008, 14h52
  3. Réponses: 2
    Dernier message: 12/09/2007, 09h58
  4. Réponses: 2
    Dernier message: 08/08/2006, 14h52
  5. droits à travers une vue
    Par aline dans le forum Oracle
    Réponses: 5
    Dernier message: 05/01/2005, 18h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo