Как разбить текст на строки?

Question

[RudMa]

Имеется такой див:

<div class="page-message__text">
  {{ this.stringMessage.split(/(?<=[!?.])/).join("\n") }}
</div>

Как вывести новое предложение на новую строку (текст такой: "Ваша заявка успешно отправлена! В течение 5 минут мы Вам перезвоним")?

Comments

[edward_freedom]

p или br

[RudMa]

мне нужно написать это на js, текст подставляется динамически

[edward_freedom]

RudMa, так напиши, я предложил способы

Answer 1

[0xD34F]

.page-message__text {
  white-space: pre;
}

Или, заменяете \n на <br>, а {{ }} на v-html.

Answer 2

[Сергей Соколов]

(нормально так вопрос изменился с первоначальной версии!)

Через <br> добавлять строки?