всякие свистоперделки типо слайдеров и аккордеонов зачастую для ssr не нужны

рендеришь заглушки на сервере - на клиенте инициализируешь уже

каких проблем - экранируй их вызов для клиента и все

Вот это и есть проблемы

это не проблемы

это свобода выбора

ты же не ругаешься что машина не плавает

так и не жди что клиентские свистоперделки будут рендериться на сервере

А мне нужно ещё ssr поднимать получается?

Ты реал дед или це образ

Ты реал дед или це образ

Образ конечно

Образ конечно

Рофл

Помогите плиз с тестами Сталкивались с тем, что тип describe it _shallowMount(ComponentA, {propData: {...}}) it _shallowMount(ComponentA, {propData: {. }}) И крч второй shallowMount отдает старый дом. Будто он взял старый компонент

Не понимаю совсем в чем дело

Тип я пускаю другой проп, на его основе вычисляю data

Но сама разметка по итогу со старым data

В качестве тест ранера просо карма, если это важно

Но сама разметка по итогу со старым data

добавь beforeEach в начале тестов

Господа, кто-то подобное готовым компонентом (или pure js) встречал?

https://quasar-framework.org/components/tree.html

добавь beforeEach в начале тестов

И что туда предлагаешь засунуть?

И что туда предлагаешь засунуть?

хз, обновление дома)

И что туда предлагаешь засунуть?

вообще напиши доп describe и вставь туда второй it

т.к. ты не узнаешь какой из тестов проходит

а в каком ошибка

вопрос на миллион) как сделать высоту элемента на весь экран с учетом того что вверху еще навбар?

На vuepress кто нибудь делал чего нибудь, как сделать ссылками элементы меню выпадающего

вопрос на миллион) как сделать высоту элемента на весь экран с учетом того что вверху еще навбар?

а высота навбара меняется?

вопрос на миллион) как сделать высоту элемента на весь экран с учетом того что вверху еще навбар?

у тебя один див на навбар и пустоту снизу?

а высота навбара меняется?

нет)

вопрос на миллион) как сделать высоту элемента на весь экран с учетом того что вверху еще навбар?

поиграть с min-height: 100vh;

т.к. ты не узнаешь какой из тестов проходит

Зачем, я сейчас запускаю только эти два теста ибо пишу их с нуля

Я итак знаю где ошибка

Я итак знаю где ошибка

у тебя помимо shallowMount есть еще что-то в тесте?

у тебя один див на навбар и пустоту снизу?

навбра это компонент) а внизу другой компонент) выходит его высота должна быть = 100% - высота навбара=)

навбра это компонент) а внизу другой компонент) выходит его высота должна быть = 100% - высота навбара=)

я думал для отдельного компонента высота может быть 100%, если scope не перекрывает всю страницу

я думал для отдельного компонента высота может быть 100%, если scope не перекрывает всю страницу

ну.. выходит что нет) scoped стоит)

у тебя один див на навбар и пустоту снизу?

Height calc(100vh-navbar.height)

у тебя помимо shallowMount есть еще что-то в тесте?

Да, except(find(string_selector).text()).toBe(ref_string)

Height calc(100vh-navbar.height)

вау! спасибо)

Но вообще data не делает recalculate, если изменились пропсы?

?

Но вообще data не делает recalculate, если изменились пропсы?

Для этого специально сделали computed

Господа, есть ли решение для следующего: роут на '/' это не только главный контейнер, но и сразу один конкретный чайлд компонент. Это делается через alias для чайлда?

Господа, есть ли решение для следующего: роут на '/' это не только главный контейнер, но и сразу один конкретный чайлд компонент. Это делается через alias для чайлда?

Укажи одинаковый путь им

Укажи одинаковый путь им

Спасибо, работает.

Ребят, как по клику на кнопку доскроллить до следующей секции ?

Ребят, как по клику на кнопку доскроллить до следующей секции ?

найти положение секции и поменять scrollTop

Господа, есть ли решение для следующего: роут на '/' это не только главный контейнер, но и сразу один конкретный чайлд компонент. Это делается через alias для чайлда?

да, чайдлу пустой путь указывай и задай имя, чтобы использовать именованные маршруты

Использовать ли Vuex для хранения суммы и текущей схемы заказа?

Каждый блок компонентом

Каждый блок компонентом

Связывать VueX или через родительский компонент?

Как тебе проще будет поддерживать)

Связывать VueX или через родительский компонент?

Если масштаб будет большой то вуекс

в плане помимо калькулятора ещё куча всего взаимосвязанного будет

в плане помимо калькулятора ещё куча всего взаимосвязанного будет

Если я выберу последний блок во второй строке, то в первой должен активироваться первый блок. Как связать компоненты? ref? emit? vuex?

Если я выберу последний блок во второй строке, то в первой должен активироваться первый блок. Как связать компоненты? ref? emit? vuex?

Даже если в первой строке был активирован другой?

Даже если в первой строке был активирован другой?

В первой три чекбокса. Если выбрать любой из 2 и 3 то 1 автоматом включается. Как и от выбора большого тв.

У меня есть логика, просто хочу разделить на компоненты.

Как делать в компонентах .vue ? created: function () {} created() {}

Это одно и то же

Это одно и то же

В документации на это уделили внимание, только там про data

В документации не по этому уделили внимание дате в компонентах

ERROR: S client not available

Я не про return

Это es5 object method shorthand

Они эквивалентны эти записи

Они эквивалентны эти записи

Спасибо

А чем вас history не устраивает?

А чем вас history не устраивает?

Контейнер не должен рефрешится.

он и не будет рефрешиться,

он и не будет рефрешиться,

Тогда пример.

https://router.vuejs.org/ru/guide/essentials/history-mode.html

я хз о чем речь, но вот

Вопрос. if (this.tv.activate === true){ this.$parent.$emit('changeState'); } Событие вызывется, даже если условие не проходит. Из-за чего это?

Откуда мы знаем по такому маленькому куску кода

Вопрос. if (this.tv.activate === true){ this.$parent.$emit('changeState'); } Событие вызывется, даже если условие не проходит. Из-за чего это?

Может проблема в другом месте. Зачем в родительском компоненте отправлять событие?

Ах эти прекрасные === true)

Может проблема в другом месте. Зачем в родительском компоненте отправлять событие?

Компоненты расположены так <component1> <component2> Мне нужно событие из одного принять в другом.

Компоненты расположены так <component1> <component2> Мне нужно событие из одного принять в другом.

Слушай в их родителе событие на каждом компоненте

Как на focusout подписаться?

:focusout="clickOutside" не пашет

Как на focusout подписаться?

blur

blur

Серьёзно?

У них разные механизмы

Мне нужен focusout

:focusout="clickOutside" не пашет

@focusout="clickOutside"

Оу, точно, перепутал сокращения

Спасибо

у меня есть такая конструкция. <v-card v-for="(scenario, id) in project.scenarios" :key="id" > <canvas и мне нужно перерисовать канвас при изменении текущего scenario как правильно забиндится, чтобы при изменении дёргался метод в который прилетал бы объект канваса и id сценария?

у меня есть такая конструкция. <v-card v-for="(scenario, id) in project.scenarios" :key="id" > <canvas и мне нужно перерисовать канвас при изменении текущего scenario как правильно забиндится, чтобы при изменении дёргался метод в который прилетал бы объект канваса и id сценария?

watch

подскажите как при отправке формы можно запретить повторную ее отправку? До того как не придет запрос..

watch

ок, я поймаю изменение project.scenarios, а как мне канвас получить?