помощью fetch например, то родительский компонент ловит ошибку?
[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.
Поставь вместо спана див
нет, там не нужен вообще else в оригинальном условии задачи, ну и соответственно может требоваться именно span
сегодня ровно с этим бодался, так и не понял в чем проблема. никаких асинхронных вызовов, никакого стора, и разметка вроде в порядке
есть ощущение, что nuxt на стороне сервера делает ровно один тик рендера и после обновления данных в дочерних компонентах не перерисовывает верхние компоненты даже если они зависят от этих данных, что конечно очень печально :(
<client-only> , звучит печально
Рендер нужен и на стороне сервера. Видимо единственное решение поднимать этот функционал выше в компонент страницы, но это фигня конечно получается.
А нельзя обойтись без v-if else?
Нельзя, ситуация такая: есть страница на которой есть кнопка с подтверждением почты пользователя, эта кнопка выводится только при условии, если пользователь ранее не подтверждал почту. Также кнопка открывает модальное окно с формой в которую можно ввести код, это модальное окно - дочерний компонент, именно в нем реализован запрос на отправку кода подтверждения почты. При успешном подтверждении почты в store записывается информация об этом и в родителе (на странице) должна пропасть кнопка.
Имеет смысл инитить стор в другом месте, может в накстинит, и не рисовать компонент, который на сервере должен прибить сам себя?
он не прибивает сам себя, он мутирует данные внутри дочернего компонента и не перерисовывает родительский - который зависит от этих данных из store поэтому в целом можно было бы вынести из дочернего компонента функционал мутирования store и поместить в плагин например, но это кажется размазыванием функционала по проекту
Обсуждают сегодня