Вечер добрый. Как в одном компоненте использовать несоклько <template> тэгов? Для каждого обозначил уникальный id, но компилятор и ide ругаются

В доке, вродь, написано, что стоит ограничение на использование нескольких <template>

В доке, вродь, написано, что стоит ограничение на использование нескольких <template>

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

Разнеси в разные компоненты и импортируй на здоровье

Разнеси в разные компоненты и импортируй на здоровье

решение конечно, но 100500 файлов потом получится в проекте

Что поделать :)

Что поделать :)

мда, верно

и сам блок не сразу отрисовывается, минимальная (пол секунды) задержка есть

Это синхронная задержка

В следующем vue тике гарантированно отрисованр

понял

Кто нибудь въехал в предназначение ref атрибута? В доках написано так что вот вообще не понятно зачем он нужен

спасибо

я через него нужный элемент дергаю)

Кто нибудь въехал в предназначение ref атрибута? В доках написано так что вот вообще не понятно зачем он нужен

Для доступа к html узлу из кода vue

конкретный какой-то

this.$refs[element_ref][0]...

Навеситт какой нибудь jquery плагин, прокрутить элемент, проскродлить его, ещё что-то о

Мм, интересненько

Кто нибудь въехал в предназначение ref атрибута? В доках написано так что вот вообще не понятно зачем он нужен

jQuery( this.$refs.my_div).hide() как пример

Чтобы не парится с квери селектором? Или фишка в том что через реф я работаю с виртуал домом?

Напрямую к элементу обращаешься и работаешь с ним

Не совсем понял вопрос :)

В том виде в котором я сейчас понял, тоже самое что дать элементу id а потом по нему выцепить

В том виде в котором я сейчас понял, тоже самое что дать элементу id а потом по нему выцепить

,а вдруг у тебя похожий элемент с таким же ид в другом компоненте

А вдруг узел ещё не рисуется за v-if

Ага, те ссылка относительная

И т.д.

Куча нюансов

Одинаковые ID? Это же антипаттерн

Все теперь понял, спасибо)

Одинаковые ID? Это же антипаттерн

И что

Если ref на простом элементе, то ссылка на DOM элемент

Одинаковые ID? Это же антипаттерн

Ну мы условно говоря рассуждаем. Как про кристражи

А если больше одного ОДИНАКОВОГО компонента на странице

А тут бац id

если на vue элементе, то возвратит vue объект

А тут бац id

Вот вы зря так возмущаетесь, я например до сегодняшнего дня умудрялся выдать всем одинаковым элементам в цикле разные id

Заодно и я нюансы узнал :)

Ребят, как пробросить все v-on родителя вниз детям?

Перечислять всё на детях, чтобы никакой магии

т.е есть компонент <component />, я хочу писать, используя его <component @click="..."/>, а внутри компонента клик должен срабатывать на конкретном DOM элементе

Ну проблема как раз в том, что я не хочу перечислять

Я хочу написать, и чтобы ВСЕ пробросилось

как {...props} в JSX

Перечислять всё на детях, чтобы никакой магии

Ты ведь о таком: @click="$emit('click')"?

Да

гитлаб опять лежит

а теперь логин

Убедил :)

а кто-то в чатеге работает с коа2?

а кто-то в чатеге работает с коа2?

а че с ним работать то?

кто юзал select в vuetify? такая проблема что при выборе, показывает все options вместо выбранного http://codepen.io/suitedJimster/pen/xqWVBP

У них какая-то ошибка в описании похоже, если просто передать массив строк, то работает

миксины стили не наследуют?

https://github.com/mysticatea/eslint-plugin-vue-trial/

а кто-то в чатеге работает с коа2?

чят по ноде есть отдельный https://t.me/nodejs_ru

https://alligator.io/vuejs/vue-custom-webpack-loaders/

ребят, как от родителя передать event ребенку? без даты, простой клик в родителе, и в чайлде запуститься метод. из доков лишь увидел, что передача вниз данных идет через пропс, а обратно через $emit, но ничего что могло помочь.

чет все плюются https://forum.vuejs.org/t/call-child-method-from-parent-vueify/3066/8

ребят, как от родителя передать event ребенку? без даты, простой клик в родителе, и в чайлде запуститься метод. из доков лишь увидел, что передача вниз данных идет через пропс, а обратно через $emit, но ничего что могло помочь.

Через eventBus можно, если я правильно понял // Globally const eventBus = new Vue() // In your child eventBus.$on('eventName', () => { // Do something }); // In your parent eventBus.$emit('eventName')

Stanislav, Yury, спасибо, опробую :)

а кто-нибудь запускал Webpack UglifyJS с Harmony флагом?

Неа

Babili пользуемся

хм. А tree shaking для css бывает?

а то делаю сейчас сайт на вуешке с роутером, страницы это отдельные vue компоненты со своими стилями.После сборки все стили попадают в один большой ксс, и получается не очень здорово. scoped конечно спасает, но хотелось бы чтобы нужная ксска подгружалась на каждой страинце а не все сразу

ERROR: S client not available

никто не реализовавывал ничего подобного?

Просто выключи плагин, который всё в один файл вытаскивает. Будет как ты хочешь

Хотя вытаскивают отдельно в один файл специально – чтобы кэшировалось лучше

а то делаю сейчас сайт на вуешке с роутером, страницы это отдельные vue компоненты со своими стилями.После сборки все стили попадают в один большой ксс, и получается не очень здорово. scoped конечно спасает, но хотелось бы чтобы нужная ксска подгружалась на каждой страинце а не все сразу

то есть подгружается как компонент асинхронно так и css? css на сколько я знаю нельзя нормально отследить что загружено и готово

то есть подгружается как компонент асинхронно так и css? css на сколько я знаю нельзя нормально отследить что загружено и готово

именно!

судя по вот этому треду реализовать будет оч сложно ( https://github.com/webpack-contrib/css-loader/issues/506

именно!

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

Ребята, таккая проблема: axios.post('/api/save', this.entity) this.entity - собственно рективный vue объект, он в таком виде не запихивается в axios, как лучше такое сделать?

т.е. преположим у меня есть либа из 200 элементов интерфейса, к ней идет css ка размером в 300кб. но на каждой сранице я использую 5/6 штук не больше. В итоге юзер все-равно вынужден будет скачать все 300кб, даже если на страинце одна несчастная кнопка из либы. Это же такое поле для оптимизации

Ребята, таккая проблема: axios.post('/api/save', this.entity) this.entity - собственно рективный vue объект, он в таком виде не запихивается в axios, как лучше такое сделать?

стрингифай делай

Ребята, таккая проблема: axios.post('/api/save', this.entity) this.entity - собственно рективный vue объект, он в таком виде не запихивается в axios, как лучше такое сделать?

... использовать?

т.е. преположим у меня есть либа из 200 элементов интерфейса, к ней идет css ка размером в 300кб. но на каждой сранице я использую 5/6 штук не больше. В итоге юзер все-равно вынужден будет скачать все 300кб, даже если на страинце одна несчастная кнопка из либы. Это же такое поле для оптимизации

подключай import из либы нужную кнопку только Но проблема на мой взгляд что у тебя из либы 1 кнопка только.

... использовать?

да, в request пусто, данные не передаются

стрингифай делай

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

подключай import из либы нужную кнопку только Но проблема на мой взгляд что у тебя из либы 1 кнопка только.

т.е. в этом случае подгрузится только стили которые были в этой кнопке? как бы не так

А что за либа. Наверняка отдельно часть стилей можно подключать

Как в бутстрапе

сам пишу свою либу. я смотрел как в vue материал делается - да вот там все в одну ксс и собирается

Ну для дистрибутива есть смысл в одну собирать. А так хранятся по кускам же

https://www.youtube.com/watch?v=9ZC4dM_TMiY ага значит все таки можно

Ребята, разобрался. Axios передает post данные как request payload, данные передаются, но доставать их крайне неудобно так на бекенде (каждый раз писать кучу проверок, дефолтные значения и т.д.). Как-то можно с помощью этой либы передавать данные как post params ?

Нашел. Вот так: var qs = require('qs'); axios.post('/foo', qs.stringify({ 'bar': 123 })); мда... еще одну либу тянуть

FeelsBadMan

Нашел. Вот так: var qs = require('qs'); axios.post('/foo', qs.stringify({ 'bar': 123 })); мда... еще одну либу тянуть

аа, да да, у нас тоже в роекте этот qs

(я еще думал нахрена =))

Нашел. Вот так: var qs = require('qs'); axios.post('/foo', qs.stringify({ 'bar': 123 })); мда... еще одну либу тянуть

а JSON.stringify не канает?

а JSON.stringify не канает?

на сколько я понимаю axios как раз это и делает у себя под капотом. Нам же надо "заставить" его этого не делать. Лучшеб как опцию в конфиг вынесли

Господи

Передавать данные постом в querystring

Ребят, как пробросить все v-on родителя вниз детям?

Серьезно нет решения?

Серьезно нет решения?

Конечно нет.