如何将Elasticsearch JSON信息作为可点击链接使用VUE.J

Question

嘿，那里的人们:)我试图用elasticsearch/node.js，express和vue.js设置搜索引擎。我希望搜索结果是可单击的链接，但它们仅返回不可锁定的HTML。我尝试在.json文件中添加普通的html a-标签，但是在正端，这呈现为不可点击的html文本，而不是可单击的链接。任何建议都将不胜感激这是我尝试的，就像测试：

<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

我已经在Google上查看了可能的解决方案，但我所能找到的只是对普通HTML A-TAG的参考，并且J.SON和VUE.JS都可以接受这些？

Answer 1

如果我正确地遇到问题，在Fe上，您的链接将被渲染为 <a href="google.com">Google </a>的sting。在这种情况下，您需要使用 v-html来告诉元素以渲染传递的值，为 html，而不是 string

//Suppose you have this vue data prop
let url = <a href="google.com">Google </a>

现在在您的html零件中，只需使用 v-html渲染

<div class="foo">
  <template v-html="url" />
</div>