Как отобразить информацию JSealsearch в виде кликабельных ссылок с Vue.js

Question

Привет, ребята :) Я пытаюсь настроить поисковую систему сластиком эластичного поиска / 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 и что их могут принять j.son и vue.js?

Answer 1

Если я правильно понял проблему, то в FE ваша ссылка будет отображена как sting, которая равна <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>