Question

嘿，伙计们:)我正在尝试使用elasticsearch / node.js，express和vue.js建立一个搜索引擎。我希望搜索结果是可点击的链接，但它们仅返回不可点击的html。我尝试将普通的html A-标签添加到.json文件，但是在前端，它呈现为不可点击的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>的刺痛。在这种情况下，您需要使用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>

如何使用Vue.js将Elasticsearch JSON信息呈现为可点击链接

1 个答案: