检测vue js中的外部锚点标签点击事件

Question

我正在从服务中获取 html 内容并将其呈现在 vue 前端。具有指向页面链接的锚标记的 html 内容。在那里我需要检测锚标记的点击事件。我的尝试如下。

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

data(){
    return{
      content:'',
      linkList:[]
    }
},

linkAction: function (event) {
   let { target } = event;
   const url = new URL(target.href);
   alert(url) //undefined
},

 this.linkList = document.getElementsByTagName('a');

 watch: {
    linkList: function(){
      for( var i=0; i < this.linkList.length; i++ ){
       this.linkList[i].onclick = this.linkAction;
      }
    }
  },

对于警告框，它将返回 undefined。我需要获取选定的锚点 href 值。我怎样才能做到这一点？