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>
текст без форматирования?