Ребят, всем привет. Как отменить стандартное событие на 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?

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

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

Т.е не должно?

Работа директив v-if не порождает resize?

Как то это странновато

а где она что должна породить?

Как то это странновато

https://codepen.io/anon/pen/jZGgGz

Вотчер за стейтом работает и то что надо делает. EventBus поднимать и импортить его ради одного этого пока ломает. Оставлю так, может потом придёт озарение :)

Вотчер за стейтом работает и то что надо делает. EventBus поднимать и импортить его ради одного этого пока ломает. Оставлю так, может потом придёт озарение :)

ивентбас не надо импортить и поднимать, это отдельный вью-инстанс со своей датой, методами и т.п. отличие только что его маунтить не нужно, он живет виртуально.

Ну мне надо его заинстансить и экспортировать в компоненты - верно?

Ну мне надо его заинстансить и экспортировать в компоненты - верно?

ну да, сорян, что-то к вечеру читаю одно, пишу другое ?

Спасибо большое за помощь. Вообще крутой чатик, мне нравится :)

Всем привет Ребята, не работает vue в мозилле

Самый простой hello world даже

В чем может быть проблема?

/me включает модуль телепатии

/me

/me

никто не помнит irc :(

выросло поколение)

Самый простой hello world даже

может у тебя вообще выключено выполнение js в мозиле?)

привет! Есть вопрос: можно ли и правильно ли создавать vue-объект внутри другого vue-объекта? Если нет, как лучше поступить?

может у тебя вообще выключено выполнение js в мозиле?)

Включено

привет! Есть вопрос: можно ли и правильно ли создавать vue-объект внутри другого vue-объекта? Если нет, как лучше поступить?

если ты имеешь ввиду компоненты то да

а если екзеспляр в экземпляре то это дичь какаято)

если ты имеешь ввиду компоненты то да

нет, просто Vue-объекты

чето както не очень просто))

Самый простой hello world даже

Была вроде такая тема, но на старой версии мозилы, Точно не старая версия?)

что такое Vue-объекты по твоему. объясни)

ERROR: S client not available

что такое Vue-объекты по твоему. объясни)

ну, это var v = new Vue({...});

ну это екземпляр называется...

а что за задача?

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

Подключил babel-polifill Всё равно не работает. Что за х

чет я себе слабо представляю

чет я себе слабо представляю

у меня реализованы всплывающие окна на Vue. То есть, section содержит в себе ещенесколько section <section id="popups"> <section id="p1"></section> <section id="p2"></section> <section id="p3"></section> </section>

ну так делай компонентами внути одного экземпляра

#p1, #p2, #p3 — это всплывающие окна, c помошью Vue я меняю их состояния, с этим всё хорошо

делаешь темплейты под окна и вызываешь когда надо)

вопрос не в этом))

мне нужно создать экземпляр Vue в одном из этих окон

для реализации простенького wysiwig-редактора

может ты сокетом обойдешься?)

может ты сокетом обойдешься?)

это как?

<section id="popups"> <section id="p1"> <div id="wysiwyg"></div> </section> <section id="p2"></section> <section id="p3"></section> </section> <script> var popups = new Vue({...}); var wysiwyg = new Vue({...}); </script>

то есть, пытаюсь заставить работать один экземпляр внутри другого

но на wysiwig даже события не вызываются при таком подходе

мне точно нужно объявлять wysiwyg как компонент?

для реализации простенького wysiwig-редактора

Создай компонент с редактором внутри, нужные методы проксируй и вызывай $emit('on-my-custom-event-name', payload) с данными. В родительском компоненте навешивай на компонент с визивигом @on-my-custom-event-name="doSomethingWithPayloadFromComponent"

Создай компонент с редактором внутри, нужные методы проксируй и вызывай $emit('on-my-custom-event-name', payload) с данными. В родительском компоненте навешивай на компонент с визивигом @on-my-custom-event-name="doSomethingWithPayloadFromComponent"

почитать можно тут https://vuejs.org/v2/guide/components.html#Custom-Events

Создай компонент с редактором внутри, нужные методы проксируй и вызывай $emit('on-my-custom-event-name', payload) с данными. В родительском компоненте навешивай на компонент с визивигом @on-my-custom-event-name="doSomethingWithPayloadFromComponent"

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

никто не помнит irc :(

+m +a и жизнь прекрасна)

о, олдфаг :)

Или +о

Оператор)))

Помню в гта са irc чат :D

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

Можешь конечно запихнуть всю логику редактора в инстанс, но тогда зачем тебе вью?

Можешь конечно запихнуть всю логику редактора в инстанс, но тогда зачем тебе вью?

я не очень понял вопрос. А в чём заключается некорректность такого подхода?

я не очень понял вопрос. А в чём заключается некорректность такого подхода?

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

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

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