如何用Vue组件替换DOM元素？

Question

我将原始html注入我的页面。我想提取其中的所有<a>元素，并将其替换为<custom-link-component>。有没有办法用Vue做到这一点？

我从数据服务获取原始html并使用v-html将其注入vue组件。

到目前为止，我有一个找到所有<a>元素的mixin，但无法解决如何替换它们的问题：

const links = document.querySelectorAll('a');

非常感谢。

Answer 1

我认为用这种方式实现你想要的东西是不可能的。如果您想使用vue组件而不是链接，则必须将它们作为vue router-link之类的组件放在标记中作为示例：

  <!-- literal string -->
  <router-link to="home">Home</router-link>
  <!-- renders to -->
  <a href="home">Home</a>

讨论了here，看起来像是一样的问题。