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

так вроде не работает же? и надо изнутри таба эмитить

только @click.native=""

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

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

this.$on

для локализации i18n юзаете?

тоже его юзал, норм работает

в хук твоего компонента табс

created, mounted, или какой там

попробую по-другому описать ситуацию, без кликов вот представим, что мы вот так используем табы <tabs value="2"> <tab id="1">tab 1</tab> <tab id="2">tab 2</tab> </tabs> как сделать так, чтобы компонент Tabs добавил в компонент Tab с id=2 класс active? как ему узнать к кому именно компоненту добавить класс

так вроде не работает же? и надо изнутри таба эмитить

работает. Если ты не хочешь ничего эмитить из дочернего, то можно повесить @click.native=" и он словит нативный клик по корневому элементу дочернего компонента

работает. Если ты не хочешь ничего эмитить из дочернего, то можно повесить @click.native=" и он словит нативный клик по корневому элементу дочернего компонента

Действительно 👍 как-то native мимо меня прошёл, думал это что-то для мобил

все что ли, идей нет!? :D

все что ли, идей нет!? :D

я тебе фидл пилю

👌

👌

https://jsfiddle.net/xodock/j9zwu21z/

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

верно

можно то же самое запилить не через пропсы а через слоты

а по-другому низя шо ли?!

через слоты я понял, но все равно через пропс конфигурацию передавать

попробую по-другому описать ситуацию, без кликов вот представим, что мы вот так используем табы <tabs value="2"> <tab id="1">tab 1</tab> <tab id="2">tab 2</tab> </tabs> как сделать так, чтобы компонент Tabs добавил в компонент Tab с id=2 класс active? как ему узнать к кому именно компоненту добавить класс

Не вижу заголовков для табов

через слоты я понял, но все равно через пропс конфигурацию передавать

не, чувак, не обязательно

Не вижу заголовков для табов

<tab id="1">tab 1</tab>

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

<tab id="1">tab 1</tab>

А контент для этого таба где?

и не надо будет ничего передавать

и класс будешь вешать прям в нем

короче

А контент для этого таба где?

это абстракция

у тебя сильно много свободного времени))

:)

садись писать код, и перебирать варианты

это абстракция

Нууу, тогда удачи)

а то так можно целый день сидеть

садись писать код, и перебирать варианты

да я давно написал, мне не нравится мой вариант, но зато рабочий

Как подключить к сборке Vue-cli sass ?

Все равно не могу понять, как передать вызов метода потомку: <component> <button class="normal" @click="getData">Показать</button> <other-component /> </component>

Как подключить к сборке Vue-cli sass ?

добавить lang="sass" к <style>

Пробовал. Вызывает ошибку.

Ребят, есть какой-то борзый autocomplete для вью? Нет времени ща пилить самому(

Ребят, есть какой-то борзый autocomplete для вью? Нет времени ща пилить самому(

https://github.com/vuejs/awesome-vue#autocomplete

Vue.js in Action есть у кого?

Все равно не могу понять, как передать вызов метода потомку: <component> <button class="normal" @click="getData">Показать</button> <other-component /> </component>

https://vuejs.org/v2/guide/components.html#Scoped-Slots

https://www.meetup.com/ru-RU/Kyiv-Vue-js-Meetup/events/247273969/?eventId=247273969&_cookie-check=PIZZatcKc6K4XMNC Второй митап

Stanislav спасибо, копаю

как можно вызвать метод другого компонента ? не используя $emit ? ести ли способ просто обратиться к нем типа MyComponent.methods.hello() ?

как можно вызвать метод другого компонента ? не используя $emit ? ести ли способ просто обратиться к нем типа MyComponent.methods.hello() ?

через ref, но говнокод выйдет

то есть ref можно вешать на методы ?

то есть ref можно вешать на методы ?

реф -- всегда строчка

то есть ref можно вешать на методы ?

нет, вешаешь ref на дочерний компонент в темплейте, обращаешься через $refs и дергаешь метод. но это хрень имхо )

та не я тогда лучше через $emit буду такое делать, а то реально говнокод

если надо нативность, то можно реф. но если то же самое можно сделать через вю, то делать через вю.

как можно вызвать метод другого компонента ? не используя $emit ? ести ли способ просто обратиться к нем типа MyComponent.methods.hello() ?

напиши mixin с этим методом, если хочешь заюзать его в 2х компонентах, как вариант

я так понял это в сторону Vuex надо ковырять по поповду миксинов

я так понял это в сторону Vuex надо ковырять по поповду миксинов

эм, нет

это просто выделенные в отдельный объект методы и свойства, которые ты можешь импортировать в разные компоненты

https://ru.vuejs.org/v2/guide/mixins.html все нашел, спасибо ) буду читать, я так понял что я могу вынести все это в отдельный компонент и потом использовать его.

https://ru.vuejs.org/v2/guide/mixins.html все нашел, спасибо ) буду читать, я так понял что я могу вынести все это в отдельный компонент и потом использовать его.

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

Как выруть фукнцию удаления в vue-multiselect тега через кнопку backspace ?

так, я что-то запутался, v-model.lazy же должен работать на change-событие, вместо input'a?

у меня будто бы input отрабатывает 🤔

у меня будто бы input отрабатывает 🤔

как ты это понял ?

let formData = new FormData(); formData.append('imageFile', file); let config = { headers: { 'content-type': 'multipart/form-data' } }; axios.post('http://dev.liteforex.local/en-ma/backend/economics/image/', formData)

Пытаюсь передать картинку

http://pix.toile-libre.org/upload/original/1517929616.png

запрос формирует нормально, картинка не проходит. что делаю не так?

парни, кто юзал i18n http://kazupon.github.io/vue-i18n/en/ как переводить подобные вещи? <ul> <li v-for="foo in baz" :key="foo.title">{{ foo.title }}</li> </ul> data: () => ({ baz: [ { title: 'foo', id: 1234 }, { title: 'bar', id: 321 }, { title: 'baz', id: 321 }, { title: 'gaz', id: 231 }, ], }),

Не приходилось работать с этим модулем, но судя по документации он требует определенной структуры. Я бы сделал что-то вроде такого computed: { baz: () { return [ { title: 'foo', id: 1234, lang='en' }, { title: 'bar', id: 321, lang='en' }, { title: 'baz', id: 321, lang='en' }, { title: 'gaz', id: 231, lang='en' }, ].map(el => { return {[el.lang]: {title: el.title, id: el.id}} }) } }

Sunlive Внутри даты у тайтлов указывай ключ перевода, типа $t('title.baz')

И затем в словаре для языков (типа en.json, ru.json) делаешь title: { baz: 'перевод' }

я правильно понимаю что Vue <transition> анимирует только существующие элементы? нельзя с помощью него никак воплотить перелистывания динамического контента (без костылей типа v-for)? Например перелистывание страниц календаря?

Может кто-то подсказать, как такое может быть?

http://joxi.ru/12ME7MMT4En4O2

Vue вставил мне 3 одинаковых компонента, а не новые экземпляры

Это как? 0_0

Мб дело в этом: https://ru.vuejs.org/v2/guide/list.html#key

Это не списком

Это явно

В разметку

И так и этак пробывал

Он тупо клепает 1 экземпляр