Utilisation de l'événement mounted suite au montage d'un composant Vue.js
Publié le 05/10/2019 • Actualisé le 05/10/2019
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
Plus sur Stackoverflow Plus sur le web Snippet aléatoire
A vous de jouer !
Ces articles vous ont été utiles ? Vous pouvez m'aider à votre tour de plusieurs manières : (cliquez sur le lien "reply" dans à droite pour me contacter )
- Me remonter des erreurs ou typos.
- Me remonter des choses qui pourraient être améliorées.
- Aimez et repostez !
- Suivez moi sur Bluesky 🦋
- Inscrivez-vous au flux RSS.
- Cliquez sur les boutons Plus sur Stackoverflow pour me faire gagner des badges "annonceur" 🏅.
Merci et à très bientôt sur Strangebuzz ! 😉
