Проблема заключается в следующем:
Есть строка, содержащая разметку страницы, нужно все теги
pre
заменить на vue компоненты.
Я распарсил строку регуляркой и в шаблоне в цикле вставил с помощью v-html:
<div v-for="item in arr">
<кусок до/после pre>
<!-- Например, в первой итерации <table><tr><td>,
а во второй </td><td>, и так далее -->
<компонент вместо pre>
</div>
Но таким образом (насколько я понимаю) сначала рендерится
<кусок до pre>
, потом
<компонент вместо pre>
, автоматически закрывая незакрытые теги (которые должны закрываться в следующей итерации цикла), внутри которых должен находиться новый компонент. в частности, присутствуют замены внутри ячеек таблиц - на выходе получается таблица с одной ячейкой, а после неё один за одним идут вставленные компоненты.
Я прошу не готовое решение, а лишь подсказку, что я делаю не так и в какую сторону копать.