Comment accéder à une fonction vue depuis onclick en javascript?

Je construis un composant vue et je souhaite appeler une fonction définie dans les méthodes Vue en appelant l'attribut onClick lors de la modification de innerHTML. Cependant, cela me donne une erreur, "showModal n'est pas défini" comme indiqué ci-dessous.

Voici ma fonction showModal, j'essaie juste de consolider certaines données pour m'assurer que la fonction est appelée:

window.violations=this.violations;

et voici où j'essaye d'appeler cette fonction en js par la fonction onclick:

var inputText = document.getElementById("fileContents");
        var innerHTML = inputText.innerHTML;
 for(var i=0;i<this.violations.length;i++){

          var index=innerHTML.indexOf(this.violations[i]);
          if(index>0) {
            innerHTML = innerHTML.substring(0, index) +"<a href='#' onclick='showModal'>"+ "<span  style=\"background-color: yellow\">" + innerHTML.substring(index, index + this.violations[i].length) + "</span>" + "</a>" + innerHTML.substring(index + this.violations[i].length);

            inputText.innerHTML = innerHTML;
          }

        }

erreur: (index): 1 Uncaught ReferenceError: showModal n'est pas défini à HTMLAnchorElement.onclick ((index): 1)

Est-ce que je l'appelle d'une mauvaise manière?

Merci!

Modifier: strong>

Merci à @Ferrybig - je sais que je suis capable d'appeler la fonction, mais j'ai un autre problème; Je veux passer le mot actuel que je change son html à la fonction comme ceci: onclick = 'myMethod (violations [i])' J'ai essayé de définir le tableau this.violations pour être global comme ceci:

methods: {

      showModal: function() {
            console.log("function is called")
            //this.$refs.myModalRef.show();
            //this.account=account;
        }
}

mais encore une fois, (variable i) qui est l'index du mot courant dans le tableau, n'est pas une variable globale à passer à 'myMethod' et il dit (i n'est pas défini). Je ne peux pas définir i sur une variable globale car c'est un index incrémenté à chaque fois dans la boucle. J'ai pensé à envoyer l'index actuel de la balise que je suis en train de modifier à la fonction, 'myMethod', afin que je puisse suivre la balise dans laquelle je me trouve et qu'elle est connue par le html dans le composant vue, mais je ne sais pas comment faire.

D'autres suggestions?