TL;DR

Question

我需要更改锚点的 URL。锚点具有 __vue__ 属性。简单地修改锚点的 href 属性并不会改变点击它时的行为。使用 vanilla Javascript，如何更改 Vue 中的锚点，以便锚点指向我需要它指向的位置？（我只能访问 DOM，因为这是我无法控制的 3rd 方 CMS）。

更多详情

我使用的 CMS 服务允许在页面的 <head> 部分加载自定义 Javascript。

呈现的网站有多个锚点，每个锚点指向不同的 URL。

我想更改其中一个元素的 URL。

我尝试过：

els = document.querySelectorAll('a[href*="/here"]');
els.forEach((el) => {
  el.href="/elsewhere"; 
  el.onClick = (e) => {e.preventDefault()}
})

问题是点击锚元素它仍然像预期的那样/here而不是/elsewhere。

经过进一步审查，锚元素具有 __vue__ 属性，表明这些元素是由 Vue.js 创建和管理的。

如何使用 vanilla Javascript 修改这些锚点的 href 并在链接指向的位置更新 Vue.js？

就其价值而言，这是我在浏览器中看到的 <a/> 标签的屏幕截图，我想修改其 href：