vue js 检测外部链接

Question

我正在从服务渲染一些 html 内容。其中一些 html 内容具有指向外部网页的链接。在那里我需要停止重定向到这些页面并重定向到前端定义的其他一些路由。我的尝试如下。

 <div v-html="content" class="content" @click="handleClicks">
 </div>

  handleClicks(event) {
    
       let { target } = event;
       const url = new URL(target.href);
       if(url=="http://abc.apps/recharge") {
            event.preventDefault();
            this.$router.push('/myaccount/detailed');

       }
 },

但它不会重定向到我定义的路线。它直接移动到http://abc.apps/recharge。我哪里出错了？