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() {};
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3bfbe-40864.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3bfbe-40864.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?