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

198

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

187

javascript

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

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

168

javascript

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

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

187

javascript

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

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

166