Думаю да

Ещё не смотрел

Как отправлять событие родителю? Vue.component('survey-title', { props: ['survey'], template: '<a v-on:click="choice" class="item">{{ survey.title }}</a>', methods: { choice: function (event) { console.log('choice') this.$emit('choiceStat') } } }); var stats = new Vue({ el: '#stats', data: function () { return { surveys: [], stats: [] } }, mounted: function () { console.log('mounted'); var self = this; $.get('/api/surveys', function (response) { self.surveys = response; console.log(response); dropdown() }); $.get('/api/stats', function (response) { self.stats = response; console.log(response) }); }, methods: { choiceStat: function () { console.log('choiceStat') } } }); до метода choiceStat событие не приходит

Там где <survive-title> в шаблоне добавить v-on:choiseStat="нужный метод"

Тогда на кастомное событие компонента подпишетесь

Там где <survive-title> в шаблоне добавить v-on:choiseStat="нужный метод"

он такого вида <survey-title v-for="survey in surveys" v-bind:survey="survey"></survey-title>

Тогда на кастомное событие компонента подпишетесь

а как на космтомноне событие подписаться?

<survey-title v-for="survey in surveys" v-bind:survey="survey" v-on:choiceStat="choiceStat"></survey-title>

Не доходят события

там могут быть нюансы с camel case

не помню как события обрабатываются

попробуйте все маленькие

там могут быть нюансы с camel case

точно, сейчас заработало

спасибо!

и еще вопрос, а как одному из компонентов указать css класс? Vue.component('survey-title', { props: ['survey'], template: '<a v-on:click="choice" class="item">{{ survey.title }}</a>', }); <survey-title v-for="survey in surveys" v-bind:survey="survey" v-on:choice-stat="choiceStat"></survey-title> Я хотел первому элементу цикла указать класс active

и еще вопрос, а как одному из компонентов указать css класс? Vue.component('survey-title', { props: ['survey'], template: '<a v-on:click="choice" class="item">{{ survey.title }}</a>', }); <survey-title v-for="survey in surveys" v-bind:survey="survey" v-on:choice-stat="choiceStat"></survey-title> Я хотел первому элементу цикла указать класс active

http://ru.vuejs.org/v2/guide/class-and-style.html

Добрый день господа. Подскажите, как в директиве можно приатачить ивент к елементу ? Задача: создать кастомную директиву и повторить поведение @click. <button v-my-custom-directive:click="customHandler">Click</button> 'my-custom-directive': { bind ( el, binding, vnode ) { if ( binding.arg === 'click' ) { } } }

el.addEventListener как вариант. Но это средствами JS. А можно это как-то реализовать vuejs-нативно ?

el.addEventListener как вариант. Но это средствами JS. А можно это как-то реализовать vuejs-нативно ?

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

Добрый день господа. Подскажите, как в директиве можно приатачить ивент к елементу ? Задача: создать кастомную директиву и повторить поведение @click. <button v-my-custom-directive:click="customHandler">Click</button> 'my-custom-directive': { bind ( el, binding, vnode ) { if ( binding.arg === 'click' ) { } } }

А что ты пытаешься сделать? Как-то это странно выглядит, "повторить клик" :)

я курс прохожу на udemy. Так такое задание

А что ты пытаешься сделать? Как-то это странно выглядит, "повторить клик" :)

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

el.addEventListener как вариант. Но это средствами JS. А можно это как-то реализовать vuejs-нативно ?

Но что вот это за бред, я не понял, честно

Что за "нативный vuejs клик"

Что за "нативный vuejs клик"

el.$attachEvent('click', function())

Хоспаде

И зачем такие сложности?

почему бы и нет ?

Не забывайте, что вы пишете на том же js'е, а не на другом языке

не понял

Что мешает на нативном js событие описать?

ну я этот бред придумал исходя из "а что если в IE не сработает нативный js ?"

ну и вместо IE любой другой па

потому и спросил, может vue имеет свой механизм для аттача ивента.

кроме того, если у фреймворка есть свой механизм, то наверное правильнеЕ будет использовать именно его. А не городить средствами js самопись

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

кстати вот если надо глобалочка. никаких механизмов вроде http://stackoverflow.com/a/37000865/720545

Любители арчлинукса и вообще люди которые шарят в правах доступа, есть?

сделал такую команду sudo chown -R $USER /usr/local/ как отменить?

Лоооол

Чем думал

Спрашивай в Линукс чатике

ничем я не думал, я даже не знаю, что это. Я это нагуглил

можно ссылку на линукс чат?

rm -rf / Поможет, сто раз так делал ?

Да блин

'rm -rf /*'

Как минимум

ну эту команду я знаю)

sudo забыл

А как максимум нужно но пресерв рут добавить

дайте плз линукс чат

DimenSi @archlinux_ru

Только сейчас заметил что доку заплелил под weex )

https://weex.incubator.apache.org/

Кто-то писал тултипы для vue?

По ховеру

Лучше плагином сделать или css?

А как получить ref у скрытого елемента который v-if

Наверное никак, если он скрыт его же не будет на странице

А как получить ref у скрытого елемента который v-if

v-show

он оставляет элемент в доме

ERROR: S client not available

Ну я же конкретно спросил, нужно в v-if

Так можно?

По всей видимости, нет

Ну я же конкретно спросил, нужно в v-if

Но это было лишнее

А как получить ref у скрытого елемента который v-if

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

ребят привет. прошу прощения за глупый вопрос, но только начал изучать vue. читаю маны. Пишут: В консоли, введите app4.todos.push({ text: 'Новый элемент' }). Вы увидите, что к списку добавился новый элемент. Ввожу в хроме в консоли, вываливает: http://f1.s.qip.ru/lipRblQ3.png

app3.todos == undefined

Без кода сказать точно нельзя, но скорее всего ты не определил массив todos в data компонента app4

это скорее всего вызвано тем, что у app3 нет свойства todos

ребят привет. прошу прощения за глупый вопрос, но только начал изучать vue. читаю маны. Пишут: В консоли, введите app4.todos.push({ text: 'Новый элемент' }). Вы увидите, что к списку добавился новый элемент. Ввожу в хроме в консоли, вываливает: http://f1.s.qip.ru/lipRblQ3.png

у тебя в одном месте app4, а в другом арр3

http://f3.s.qip.ru/lipRblQ4.png

var app = new Vue({ ...

нет ключа вот и ругаеться

var app = new Vue({ ...

а. точно) благодарю )

на vue есть какой то грид симпатишный, желательно на бутстрапе?

есть

есть бутстрап

только это вдрос гайками

мне надо серверный пейджинг, сортировочки и фильтры.

только это вдрос гайками

что есть вдрос гайками?)

мне надо серверный пейджинг, сортировочки и фильтры.

Нормальных ещё нет, только обёртки делать над чем-то знакомым

вообще любой доступный css фреймворк можно спокойно подключить

вообще любой доступный css фреймворк можно спокойно подключить

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

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

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

Зачем гриды компонентами

Это ж гавно то еще

Компонент должен нести какой-то смысл, логику, даже какие-то архитектурные костыли, если они нужны

Но пилить сетку компонентами вообще бред

я в хед хтмл подключаю обычно

кто про компоненты скозал?