Вывод тегов в виде тега, а не текста

239
05 июня 2018, 08:00

В переменную Vue записан тег (переменная SomeTag и тег <a href="test">топ ссылка</a>).
При выводе <div>{{SomeTag}}</div> выводит: <a href="test">топ ссылка</a>, а мне нужно чтобы выводило: топ ссылка.

Answer 1

Для вывода html-кода можно использовать директиву v-html, но важно следить за тем, что таким образом выводится, т. к. это является уязвимостью и опасно для неконтролируемых данных (может быть выполнен, например, js код).

Пример: 

new Vue({ 
  el: '#root', 
  data: { 
    html: '<strong>Hi!</strong>' 
  } 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script> 
<div id='root'> 
  HTML: <span v-html='html'></span> 
</div>

READ ALSO
Получить список регионов из карты google
javascript

Получить список регионов из карты google

У меня есть карта google построенная по сводным таблицам (FusionTablesLayer)

 226
Slack bot Api Как сделать отправку сообщения юзеру от бота?
javascript

Slack bot Api Как сделать отправку сообщения юзеру от бота?

С (WebAPI) и с помощью кода ниже отправлю сообщение указанному пользователю

 204
Наличие противоречий и ошибок в функции
javascript

Наличие противоречий и ошибок в функции

Есть ли противоречия или ошибки в функции move(); ?

 221
Число округляется через раз toFixed(2)
javascript

Число округляется через раз toFixed(2)

Есть вот такая функция в React:

 198