Utilisation de l'événement mounted suite au montage d'un composant Vue.js

Publié le 05/10/2019 • Actualisé le 05/10/2019


English language detected! 🇬🇧

  We noticed that your browser is using English. Do you want to read this post in this language?

Read the english version 🇬🇧 Close

C'est une méthode très pratique permettant d'initialiser des choses une fois votre composant Vue.js monté. Ouvrez la console JavaScript de votre navigateur afin de voir les résultats (je n'ai pas utilisé la fonction Js alert() !).


/**
 * J'utilise un module JavaScript afin d'isoler chaque snippet dans un fichier.
 * C'est en fait un mixin Vue.js. Utilisez le code appelé par la fonction mounted()
 * ou snippetXX().
 */
export default {
  methods: {
    snippet47 () {
      console.log('Content: ' + this.$refs.snippet47_hello.innerHTML)
    }
  },
  mounted () {
    if (this.isArticle(47)) {
      console.log('Call of snippet47() from mounted().')
      this.snippet47()
    }
  }
}
Démo HTML du snippet

≪ trans.hello ≫


 Plus sur Stackoverflow  Plus sur le web  Snippet aléatoire

  Travaillez avec moi !