💬Клуб Vue.js-разработчиков👤Mykyta🇺🇦@rookie_mistake💬4 ответа📅 27 декабря 2025 г. в 07:04

Доброе утро. Скажите пожалуйста, такой вопрос. У нас есть CMS бекенд (самописный) - мне нужно на...

Доброе утро. Скажите пожалуйста, такой вопрос. У нас есть CMS бекенд (самописный) - мне нужно на фронте отрендерить компоненты. Но проблема в том, что JSON который мне приходит, выглядит вот так: { title: "Hello", description: "

Some description

title

" } То есть как может быть строка, так и может быть прям html внутри строки Но я хочу понять: 1) Это калово написано или это нормально? (ЧатГПТ сказал что это так себе метод но 90% CMS так делают, там есть WYSIWYG редактор, и поэтому типо там можно выбирать форматирование - p, h1,h2,... - и так далее - но проблема в том что стилизация все равно происходит на фронте, и если я не пропишу стили - ничего по сути не поменяется, лишь усложняет мне работу) 2) Как с этим работать? я встраиваю его в страницу через v-html - но происходит hydration mismatch и контент не рендерится. Я обернул его в - и он стал рендерится, но варны всё равно спамят всю консоль UPD: варны были из за другого компонента, в котором так же был mismatch - обернул в и прошло Как с этим работать вообще?
Реклама
📢

Дигитал трафик

Канал о digital-маркетинге, трафике и росте бизнеса

@trafficisobar

Ответы4

M
Maxim Kostenko 🇺🇦@maxim_kostenko👍2⭐ Лучший ответ
27 дек., 08:10
так hydration mismatch приходит из-за невалидной структурьі хтмл вьі скорее всего вкладьіваете

👍2
V
Vladyslav@zhdenyk0
27 дек., 07:28
Привет Как вариант парсить то что приходит и посредством джс делать эту структуру.
UGC так рендерить вполне себе нормально. То что ошибки — это вы просто рендерите невалидный HTML. Скорее всего в

вложен блочный элемент

А
Александр@AlexFirulin0
27 дек., 10:51
Data-allow-mismatch , можно попробовать