А самим родителям ширину 25%

спасибо, сейчас попробую

ну либо гридами если не нужен ie11

grid+gap

Margin)

не, гриды не вариант

умно)

я уже сделал легче способом)

Тоже вариант, что-то я постоянно забываю про calc

Сделай require(“@/assets/...”)

Опять я к вам за помощью)

Дано. Laravel + SSR + Vue + axios
Laravel рендерит Vue приложуху при помощи движка V8js

Пишу:
created() {
       this.items.push(11111111)
       axios
         .get('http://127.0.0.1:8000/api/v1/search/', data)
         .then(response => {
            this.items = response.data
         })

В результате как не трудно догадаться в браузер у меня рендерится массив items равный [1111111]
Почему? Потому что промис будь он не ладен

Я пробовал играться аля
async created() {
       this.items.push(11111111)
       this.items = await axios.get(...)
       this.items.push(22222222)

Не прокатывает, что кстати странно, например вот так:

async created() {
       this.items.push(11111111)
       for(let i=0; i<1000311341; i++) {
         Math.sqrt(Math.pow(1,222), 22)
       }
       this.items.push(22222222)
       this.items = await axios.get(...)
       this.items.push(33333333)
Сервера приходит [11111111, 222222222]
То есть зубодробильный цикл он ждёт (задержка чувствуется), а вот промис не хочет ждать

Чо xmlhttprequest присать? т_Т

Вообще в доке по вуе пишут что аксиос адаптирован под такое, и сам знает как ему работать при ssr. Но у меня есть подозрения что моя приложуха не знает что она рендерится в ssr.

Итак вопросы:
1. Как выполнить синхронно axios запрос? (никак, я понял)
2. Как приложения на вуе понимаю что они в ssr? Может есть какой-то глобальный флаг?
3. Сталкивался ктонибудь с такой проблемой может?

Там другая тема

Подскажите как синхронизировать (допустим через .sync) значение currentTab в двух компонентов. Сейчас в сайдбаре по клику эмитится событие changeTab. Родительский компонент его отлавливает и должен привязывать значение changeTab из сайдбара к значению в data. Что должно быть внутри конструкции v-bind:changeTab.sync="???" чтобы это работало?

здравствуйте, в документации vuelidate все поля не валидируются до того момента, как я не начну что либо вводить. К примеру у поля стоит required. Изначально оно не валидируется. Но если ввести символ и стереть (то есть поставить поле в изначальное положение) то оно уже будет выводить ошибку. Все скопировал с доки, но поле валидируется сразу https://codesandbox.io/s/sweet-wing-mfzcf?file=/src/App.vue Как сделать валидацию после первого ввода?

через computed делай

что именно?

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