vue.js - 如何用 Vue 组件替换 DOM 元素？

Question

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

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

到目前为止，我有一个 mixin 可以找到所有 <a>元素，但不知道如何替换它们:

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 ，看起来像同一个问题。