https://www.webpackbin.com/bins/-Kp_JI70HJs0Cz35wN7i Чот я туплю где-то

Ты где кода наворовал?

https://www.webpackbin.com/bins/-Kp_JI70HJs0Cz35wN7i Чот я туплю где-то

в чем проблема?

Ты где кода наворовал?

Почему наворовал?

в чем проблема?

скучно

в чем проблема?

Кликни на зарплату - должна открываться секция, но этого не происходит

Кликни на зарплату - должна открываться секция, но этого не происходит

Кликни на зарплату - ничего не происходит)))))

Кликни на зарплату - должна открываться секция, но этого не происходит

ну да, у тебя там обработчиков клика нет

Кликни на зарплату - должна открываться секция, но этого не происходит

на счет вот этих всех isPHP, isCSS - сделал бы отдельную функцию, которая в аргументах принимает текст вакансии, а возвращает массив тэгов. Тогда сможешь отрисовать тэги через v-for

народ подскажите как в router-view присвоить parent

{path: 'catalogs', name: 'Мои каталоги', component: load('catalogs'), children: [ {path: ':id(\\d+)', name: 'Каталог', component: load('catalog'), children: [ {path: 'edit', name: 'Изменить каталог', component: load('catalog-edit')} ] }, {path: 'new', name: 'Добавить каталог', component: load('catalog-edit') } ] },

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

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

а если делать так

Почему id в пути? Это админка?

{path: 'catalogs', name: 'Мои каталоги', component: load('catalogs')}, {path: 'catalogs/:id(\\d+)', name: 'Каталог', component: load('catalog')}, {path: catalogs/:id(\\d+)/edit', name: 'Изменить каталог', component: load('catalog-edit')} },

{path: 'catalogs', name: 'Мои каталоги', component: load('catalogs'), children: [ {path: ':id(\\d+)', name: 'Каталог', component: load('catalog'), children: [ {path: 'edit', name: 'Изменить каталог', component: load('catalog-edit')} ] }, {path: 'new', name: 'Добавить каталог', component: load('catalog-edit') } ] },

Нахера такая вложенность? Какой в ней смысл?

то тогда $route.matched не выдает родителя

Нахера такая вложенность? Какой в ней смысл?

хочу проследить вложенность через $route.matched

А у меня вроде не load()

Че там за лоад?

Почему id в пути? Это админка?

да, админка

/** подгрузка компонентов vue из папки components */ function load (component) { return () => System.import(./components/${component}.vue) }

на счет вот этих всех isPHP, isCSS - сделал бы отдельную функцию, которая в аргументах принимает текст вакансии, а возвращает массив тэгов. Тогда сможешь отрисовать тэги через v-for

В идеале, я бы обрабатывал результаты запроса во внешней функции, а во Vue спускал бы готовые для рендеринга данные.

это чтобы не дублировать в импорт

Ну блееее

/** подгрузка компонентов vue из папки components */ function load (component) { return () => System.import(./components/${component}.vue) }

Ок

/** подгрузка компонентов vue из папки components */ function load (component) { return () => System.import(./components/${component}.vue) }

какой вебпак?

1.14

А вебпак ж вроде дублированные импорта мержит?

сори, 2.7.0

1. Забиндил <div class="card-section" :class="{ 'is-shown': isShown }"> 2. Назначил событие <div class="card-header" @click="toggleSection"> 3. В data: isShown: false 4. В методах toggleSection() { this.isShown = true; } 5. Почему не работает?

:class=" isShown ? 'is-shown' : ''" поробуй

:class="isShown ? 'is-shown' : '' "

народ подскажите как в router-view присвоить parent

?

1. Забиндил <div class="card-section" :class="{ 'is-shown': isShown }"> 2. Назначил событие <div class="card-header" @click="toggleSection"> 3. В data: isShown: false 4. В методах toggleSection() { this.isShown = true; } 5. Почему не работает?

Как именно не работает?

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

.card-section должен тогглить класс is-shown по клику на .card-header

перефразурую, как сделать так чтобы $route.matched выдавал всех родителей но при этом, когда переходишь к вложенным роутам родители скрывались

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

https://www.webpackbin.com/bins/-Kp_JwuTEtq2gX-nzZnp

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

Да он знает все

Спецом кровь пьет

Да он знает все

Знал бы - не спрашивал

Знал бы - не спрашивал

Что сандбокс запилить надо

охереть, че ты там намутил)

Ну так хоть залей код куда-нибудь

охереть, че ты там намутил)

Что не так?

precision на if - else распиши и поймешь

Что не так?

нафига на фронте выпиливать возможные метки вакансии?

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

Посмотри в консоли

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

Там нет меток

вот это нафига?

isMongo: (item) => { var str = item.snippet.requirement + item.snippet.responsibility + item.name; if (str.search(/Mongo/i || /mongo/i) == -1) { return false; } return true; }, isPHP: (item) => { var str = item.snippet.requirement + item.snippet.responsibility + item.name; if (str.search(/php/i || /PHP/i) == -1) { return false; } return true; }, isHTML: (item) => { var str = item.snippet.requirement + item.snippet.responsibility + item.name; if (str.search(/html/i) == -1) { return false; } return true; },

потому, что он просто сторонний апи юзает, там нет меток

но как бы всё равно, сделано плохо))

скраббер?

https://www.webpackbin.com/bins/-Kp_JwuTEtq2gX-nzZnp

isShown у тебя работает

css неправильный

дальше не смотрел

наверное is-shown наверху остался, можно вниз спустить

можно вот так написать .cardsection.is-shown

.card-section.is-shown

народ подскажите как в router-view присвоить parent

ребят вот тут не подскажите

я наверное обьясняю не понятно чего хотелось бы(

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

ERROR: S client not available

class Foo { }

vue за это никак не отвечает

а есть примеры?

примеры как объявляется класс в ES6? O_o ?

Здравствуйте, решил глянуть на Vue. Есть какие-нибудь популярные boilerplates или cli ? Что можете порекомендовать?

vue-cli дык

примеры как объявляется класс в ES6? O_o ?

нет, реализаци. я хочу чтобы this класса был this Vuejs

вы не хотите этого

чтобы удобно можно было вернуть промис, типа this.$axios

https://www.youtube.com/watch?v=tSJD2X5YdZI

ладно, тогда как правильно сделать?

в видео я про это и обсуждаю

Только не выгоняйте из чата

Видео по теме и воодушевляет, но. На проекте я не сначала, время у меня до понедельника сделать рабочую версию. в 20 местах я нашел вот такое, import Api from '../../../app/Api'

Поэтому и хочу сделать вызов с прототипа, избавить проект от таких вот импортов

Так как раз о том и речь

Чтобы что-то продать - надо сначала что-то купить

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

такие импорты это абсолютно нормально и правильно

Кстати, пока ты тут, Илья - Object.keys() - rocks!

Можно же через npm или webpack решить эту проблему, точно не помню как, ну вроде link или alias

Можно же через npm или webpack решить эту проблему, точно не помню как, ну вроде link или alias

Которых сколько хочешь и в любую папку?

Кстати а вовне она вылезет?

Хотя это сложно назвать проблемой. Ну например чтобы вместе import /../../../ Просто писать название того что хочешь импортнуть

Можно же через npm или webpack решить эту проблему, точно не помню как, ну вроде link или alias

и заодно поломать умный рефакторинг в IDE, jump-to-definition и прочие тулзы

стоимость написания строчки кода всегда в разы ниже стоимости его поддержки

поэтому чем меньше "магии" у вас в проекте - тем безопаснее

Даешь джикуери

Ладно, посидел, подумал и согласился с Ильей =) Кстати +1 подписчик

Оказывается расширение прототипа вью частый совет в интернете :о Мы ведь не расширяем прототип объекта, почему внезапно решили что при работе с вью нужно делать иначе?

т.е. да, расширение прототипа объекта это удобно когда ты пишешь полифил, но не бизнес логику же туда пихать

а вот Илья Климов против