VueJS. Как избавиться от нативного форматирования строки Vue?

VueJS Понадобилось по-быстрому отформатировать список без написания самого списка, а с помощью <pre> элемента который сохраняет форматирование. Решил: нет ничего проще чем запихнуть <slot> в компонент между <pre> и после монтирования получить и разбить строки по \n:

<ul :class="styleType">
  <li v-for="(row, i) in list" :key="i">{{ row }}</li>
  <pre v-element-mnt>
    <slot></slot>
  </pre>
</ul>

... и использование в другом компоненте:

<UlList>
  Первое xyz
  Второе
</UlList>

Понятно: я ожидал увидеть список <ul>.
!!!Но, оказалось что Vue возвращает очищенную от \n строку:

введите сюда описание изображения

А должна выглядеть так:

введите сюда описание изображения

Есть ли способ избавиться от "очистки" и передать/получить в <slot> текст без форматирования?


Ответы (0 шт):