АК
я думаю у тебе проблема с реактивностью. покажи код
Видно как при загрузке страницы, верхняя строчка test маленькими буквами выводиться, хотя не должна
Size: a a a
2020 May 13
AK
а в чем задача состоит, и оно потом все равно отображается как надо
АК
а в чем задача состоит, и оно потом все равно отображается как надо
Задача состоит в том, что потом уже поздно, нужно ещё на сервере все нормально отрендерить. Суть в том, чтобы компонент в который передаешь значение, немного его модернезировал. Что вроде валидации, но при которой не сыпется ошибка, а изменяется на более менее подходящее значение.
Например передаёшь строку 123а4
А компонент убирает все буквы из строки и делает строку 1234
Например передаёшь строку 123а4
А компонент убирает все буквы из строки и делает строку 1234
A
Как заставить nuxt js отрендерить адекватно поле из data?
Суть проблемы:
1. Создаю на странице в data поле studentCode с произвольным значением.
2. На этой же странице есть компонент с v-model="studentCode".
3. Внутри компонента происходит в методе created некоторое изменение значения поступаемого в value и дальнейший emit('input', newValue).
4. В родительском компоненте, хоть и происходит изменение поля studentCode, но шаблон почему то не перерисовывается.
Т.е. На сервере в js значение в консоль падает новое, а в html отображается старое.
Как это решить, кто нибудь знает?
Суть проблемы:
1. Создаю на странице в data поле studentCode с произвольным значением.
2. На этой же странице есть компонент с v-model="studentCode".
3. Внутри компонента происходит в методе created некоторое изменение значения поступаемого в value и дальнейший emit('input', newValue).
4. В родительском компоненте, хоть и происходит изменение поля studentCode, но шаблон почему то не перерисовывается.
Т.е. На сервере в js значение в консоль падает новое, а в html отображается старое.
Как это решить, кто нибудь знает?
В @input приходит новое значение?
A
В родителе
АК
A
StudentCode не объект?
АК
StudentCode не объект?
нет
A
Vue dev tool что показывает?
АК
а что он должен показывать? когда js подрубился уже вся реактивность отработала и значение уже нормальное, как и задумывалось
АК
пример выше в песочнице можете посмотреть
АК
чтобы представление о проблеме появилось
mz
может тебе фильтры обычные нужны
АК
может тебе фильтры обычные нужны
о каких фильтрах речь?
SL
Не используйте фильтры, их выпилили в тройке. Заменяйте на методы или computed
SL
Как заставить nuxt js отрендерить адекватно поле из data?
Суть проблемы:
1. Создаю на странице в data поле studentCode с произвольным значением.
2. На этой же странице есть компонент с v-model="studentCode".
3. Внутри компонента происходит в методе created некоторое изменение значения поступаемого в value и дальнейший emit('input', newValue).
4. В родительском компоненте, хоть и происходит изменение поля studentCode, но шаблон почему то не перерисовывается.
Т.е. На сервере в js значение в консоль падает новое, а в html отображается старое.
Как это решить, кто нибудь знает?
Суть проблемы:
1. Создаю на странице в data поле studentCode с произвольным значением.
2. На этой же странице есть компонент с v-model="studentCode".
3. Внутри компонента происходит в методе created некоторое изменение значения поступаемого в value и дальнейший emit('input', newValue).
4. В родительском компоненте, хоть и происходит изменение поля studentCode, но шаблон почему то не перерисовывается.
Т.е. На сервере в js значение в консоль падает новое, а в html отображается старое.
Как это решить, кто нибудь знает?
События не работают в SSR, насколько мне известно. Это нужно решить рефакторингом логики
АК
События не работают в SSR, насколько мне известно. Это нужно решить рефакторингом логики
работает, со стороны сервера можно вывести лог в консоль и убедиться, что код выполняется, а шаблон не обновляется
SL
работает, со стороны сервера можно вывести лог в консоль и убедиться, что код выполняется, а шаблон не обновляется
Не рендерится === не работает