ファイルを追加してクリックします.

プロジェクトでは、vueのテンプレートが使えない場合があります.ネットでたくさんの資料を見ましたが、全部だめです.最後に一番原始的な方法を使って、ここに記録してください.
最初の考えはイベントをクリックしてvueのメソッドを呼び出すことです.html文字列は以下の通りです.es 6のテンプレート文字列を使います.

var contentHtml = `

      

             
      
//.....      
>>
`;

しかし、このようにするとgotoDetailメソッドがデフォルトで呼び出されます.どの大神さんがこれをどうやって解決しますか?
私の今の方法は原生のdocument.create Elementの方法を使って、一番外側の層で一つのdivを嵌めて、クリックすることがあるdivはapendChildを通じて(通って)つなぎ合わせます.

var html = document.createElement("div");
var contentHtml = `

      

             
      
    //.....      
  
`;
html.innerHTML=contenthtml;
let btn = document.createElement("div");//  
btn.setAttribute("class","event-detail-btn");
btn.innerHTML=">>";
btn.onclick=function(){
   $this.$router.push({name:"detail2",params:{pid:obj.pid}});
}
html.appendChild(btn);

皆さん、もっといい方法があったら交流してください.