Ну и вопрос вдогонку - возможно ли обратиться через реф к элементу дочернего компонента?

Есть список, внутри другого списка есть другой список, в этом списке есть кнопка на модалку. Где лучше открывать модалку в родители или в списке? Я имею ввиду в плане производительности, как много жрет v-if? родитель->список->список->модалка

Ну и вопрос вдогонку - возможно ли обратиться через реф к элементу дочернего компонента?

ref для этого и создан

Если кома интересно то так: this.$refs.РЕФ_КОМПОНЕНТА.$refs.РЕФ_ЭЛЕМЕНТА_ВНУТРИ_КОМПОНЕНТА

Но лучше пропсы, я думаю

Ребят, хочу асинхронно подгркзить компонент с помощью вебпака, делаю так: Код импорта const home = () => import('./components/home.js'); Код компонента const home = Vue.component('home', function(resolve, reject) { setTimeout(() => { resolve({ template: '<h1>hello</h1>', }); }, 2000); }); Выбивает ошибку Uncaught (in promise) TypeError: Cannot read property 'beforeRouteEnter' of undefined Кстати, если подключаю без динмаического импорта, то всё ок import home from './components/home.js'; Подскажите в какую сторону гуглить. Может нужен какой-то плагин для вебпака, может упускаю какой-то момент.

у тебя vue-router пытается инициализировать свои хуки

https://router.vuejs.org/ru/advanced/lazy-loading.html тут смотри

уже смотрел там. что-то мне не помогает)

@dartist21 скорей всего тебе в “Коде компонента” не нужно использовать функцию с таймером, просто используй объект Вебпак все сделает за тебя

да, если просто объект, то будет ок. там просто вместо этого таймера идет get запрос, который резолвит компонент вот пример из доки с такой же функцией https://vuejs.org/v2/guide/components.html#Async-Components но, наверное, так вкладывать не получится =/

А какой хук использовать чтобы и на апдейт работал и на маунт первичный?

Кажись нет такого

ребят, с three js кто работал?

<component v-for="item in items" :is="item.cmp"></component> делать не могу?

<component v-for="item in items" :is="item.cmp"></component> делать не могу?

Смотря что ты подразумеваешь под этой строчкой

выдает вот такое

Ладно, я не буду спрашивать, нафига тебе плодить кучу модалок. :key="modal-${index}" - это фигня Что в modal.component лежит?

modal.component = Vue компонент

modal.component = Vue компонент

https://ru.vuejs.org/v2/api/#is

"Принимает - ???"

вот так - работает

modal.component

А зачем динамический компонент?

делаю модальный сервис

делаю модальный сервис

А если вместо <component is> написать <Modal> ?

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

👌

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

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

Человек же написал, что ему не нужны советы :)

А если вместо <component is> написать <Modal> ?

вот такие советы действуют на нервы

😄

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

ага, их будет много. мы хотим делать компонентами this.$modal.push(ModalInstance), и чтобы это улетало в TheModalsContainer

<component v-for="item in items" :is="item.cmp"></component> делать не могу?

https://codepen.io/anon/pen/wyrbqQ можешь

Ребят, всем привет. Как отменить стандартное событие на router-link ? Уже куда только мог передаю event, юзаю native.prevent, а событие не отменяется.

вот такие советы действуют на нервы

очень странно приходить за бесплатными советами и жаловаться что они какие-то неправильные

https://codepen.io/anon/pen/wyrbqQ можешь

хм. значит где то у меня косяк. спасибо!

переход точнее (ну стандартное событие на ссылке)

очень странно приходить за бесплатными советами и жаловаться что они какие-то неправильные

я пришел с вопросом, а не за советом :)

очень странно приходить за бесплатными советами и жаловаться что они какие-то неправильные

ага + характер тут всем свой показывать. Неприятно стало

извините если кого задел

Буду признателен, если кто подскажет)

Ребят, всем привет. Как отменить стандартное событие на router-link ? Уже куда только мог передаю event, юзаю native.prevent, а событие не отменяется.

Ребят, всем привет. Как отменить стандартное событие на router-link ? Уже куда только мог передаю event, юзаю native.prevent, а событие не отменяется.

хуки смотрел?

только что нашел, вы про сторожевые хуки ?

только что нашел, вы про сторожевые хуки ?

https://router.vuejs.org/en/advanced/navigation-guards.html

спасибо!

Красиво...

За счёт чего уменьшаете бандл собранный webpack ?

Господа, а как лучше всего повесить событие в компоненте на изменение стейта (vuex)?

ребята я туплю как сделать

var url_string = window.location.href; var url = new URL(url_string); var c = url.searchParams.get("q"); console.log(c);

так только на vue js

где q это параметр виду ?q=10 я его получаю

так только на vue js

в чем проблема код выше использовать с вью?

Господа, а как лучше всего повесить событие в компоненте на изменение стейта (vuex)?

1. this.$store.state.someAttribute 2. watch: { '$store.state.someAttribute' (val) { ... } }

Храни тебя аллах

someAttribute у меня уже есть, мне просто надо повесить вотчер, прям на элемент стора как я понял

someAttribute у меня уже есть, мне просто надо повесить вотчер, прям на элемент стора как я понял

Если тебе при изменении стора нужно что-то сделать в компоненте — да

Если тебе при изменении стора нужно что-то сделать в компоненте — да

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

Надо фокус делать на элемент в глубоком компоненте

Можно сделать чтото типа евент листенера

Только я не знаю как лучше в рамках vue

this.$refs.xxxx.focus()

Только там вложенность 4 элемента

Надо фокус делать на элемент в глубоком компоненте

Что такое «глубокий комонент»?

this.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.focus()

Я приувеличил конечно, там он внук того компонента в котором случается необходимость поменять фокус

this.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.focus()

можно событие кинуть например

так сделай на последнем компоненте просто при моунте

this.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.$refs.xxxx.focus()

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

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

https://medium.com/@andrejsabrickis/https-medium-com-andrejsabrickis-create-simple-eventbus-to-communicate-between-vue-js-components-cdc11cd59860

а фокус на внука тут причем?)

Пока мне идея с ивентбасом нравится

а фокус на внука тут причем?)

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

а ну там еще надо чтото вернуть) я думал просто нужен фокус... малоли какоето модальное окно с оповещением и одной кнопкой занрытия

Почему отрабатывает событие window.resize при перерендеринге vue?

Почему отрабатывает событие window.resize при перерендеринге vue?

что-то на него подписалось, не связанное с чистым вью