Vue JS import script ne fonctionne pas au chargment

Joouul
Javascript

Bonjour,

J'ai un petit soucis avec un composant dans lequel je veux utiliser intlTelInput.
J'importe tout ce qu'il faut et j'initialise intlTelInput.

Lors du chargement de ma page, rien, cela ne fonctionne pas et je n'ai aucune erreur, ni dans la console, ni lors de la compilation, ...
Par contre dès que je fais un changement dans mon composant et que je save, uniquement le composant semble être raflaichi et là hop ça fonctionne parfaitement.

Voici mon code...

import intlTelInput from "../../node_modules/intl-tel-input/build/js/intlTelInput"
    import utils from "../../node_modules/intl-tel-input/build/js/utils"
    import "../../node_modules/intl-tel-input/build/css/intlTelInput.css"

    const axios = require('axios')
    let input = ''
    let iti = ''

    export default {
        name: 'app',
        components: {
            intlTelInput,
            utils
        },
        created() {
            input = document.querySelector("#phone");
            iti = intlTelInput(input,{
                utilsScript: utils
            });
        },

Je n'arrive pas à comprendre pourquoi, en sachant que je n'ai pas une grande connaissance de VueJS et que j'ai peut-être zappé un truc élémentaire ... :p

Merci d'avances :)

Aucune réponse