The <a href= "javascript:navigationFunc" prompt method dynamically added in vue is empty

The

code goes like this

  mounted: function () {
      function navigationFunc(pName,pOid,fatherName,pLevel) {
            alert("aaa")
        }
    
        function navigationPath(id,name,fatherName,level){
                var html ="<div>/<a href="javascript:navigationFunc(\""+name+"\",\""+id+"\",\""+fatherName+"\",\""+level+"\");" >"+name+"</a></div>";
                $(".orgTree_path div:last").after(html);
            }
}

when the a tag added during the execution of navigationPath is clicked, it does not trigger the navigationFunc method prompt is empty to ask how this method should be written, can it be written in methods? because there are too many things involved

Mar.21,2021

mounted: function() {
    window.navigationFunc = function() {};
}
Menu