Вот код

Vue.use(VueResource) Vue.http.interceptors.push((request, next) => { console.log('VueResource request interceptors') // if (token !== null && token !== 'undefined') { // set token on request // } next((response) => { if (response.status && response.status.code === 401) { // // remove token } if (response.headers && response.headers.Authorization) { // // add token } console.log('VueResource response interceptors') }) }) /* eslint-disable no-new */ const vm = new Vue({

token у меня хранится в виде this.$auth.getToken()

вот внутри interceptors мне надо его получить

Теперь вроде норм обяснил

сори забыл

Как ты их экранировал?

хз

но это моей проблемы не решает

просто иногда в ЖС строки в обратных кавычках и телеграм сьедает их

о нашол способ

console.log(Vue.auth)

так можно получить доступ к vm

Кто-нибудь сталкивался с тем, что нужно сделать computed-array в котором нужно отфильтровывать элементы по какому-нибудь свойству? Запилил, список из элементов есть в data, если какой-то элемент удалить, то все отлично -- перестает показываться. Если добавить элемент в массив - показывается, но если удалить свежедобавленный, то он не уходит, хотя в нем флаг устанавливается

Ложная тревога) в добавляемом элементе опечатка была в свойстве :)

)

слава Трампу

Он уже президент

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

Ребята как в 2 версии обявлять Vue.elementDirective

?

` directives: { directiveName: { // ... } }, `

Я по началу так делал

Vue.directive('facebook-init', { bind (el, binding, vnode) { console.log('facebook-init') } })

но не работает

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

<facebook-init></facebook-init>

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

Версия 2.0.5 - работает

Еще вопрос по стилям

Я использую vue cli webpack

И scss

Как правильно прикручивать стили, я делал в робительском компоненте типа style src

Но оно не файлом вставляет а прям в head style

Как сдкeлать чтоб через link было без явного указания в index.html

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

Сергей, также по поводу деректив Сделал <test></test> И в компоненте directives: { test: { } } в консоли Unknown custom element: <test> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Так директива это <element v-test="param"></element>

Если <test></test> - то это компонент

ну а мне надо сделать чтоб было через <test></test>

понял

точно чет я сразу так думал, просто глянул в доки 1 версии и там увидел что есть elementDirective

Сергей, спасибо за помощь

Всем привет, Ребята имею у роута чаилд роуты, в компоненте этого роута написал некий html + router-view когда использую роутер мой html дублируется в чем может быть проблема?

router-view может быть только 1

если не используеш имена для них

в смысле

у меня он один

кинь пример своего компонента

В субкомпонентах могут быть также router-view

дублируется html рядом с ним, т.е <div> <h1> <router-view> </div>

вот у меня создается 2 h1

а

`<template> <div> <md-toolbar> <h2 class="md-title" style="flex: 1">Vue Material</h2> </md-toolbar> <router-view></router-view> </div> </template>`

проблема пофикшена

Ребят, а если я передаю булевый флаг в дочерний компонент и хочу его там изменить и подхватить изменине в паренте. Я так понимаю, что через пропсы я не могу это сделать, так как иммутабельность не соблюдается. Как лучше в таком случае поступать ?

изменение*

Пропсы только на чтение. Точнее менять их можно, но результат будет нулевой

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

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

и чаилдом имичу его

Ну и

ну и теперь работает)

Ну вот похоже лучше не придумали вариантов

ERROR: S client not available

А как генерируешь событие кстати

У меня с общей шиной не получилось сделать

есть в паренте метод changeFlag я вызываю чаилд компонент, прокидываю ему v-on:change="changeFlag" в чаилде вызываю метод, который должен будет внутри себя уже вызвать this.$emit('change');

https://vuejs.org/v2/guide/components.html#Using-v-on-with-Custom-Events

Да документацию я читал, только там простые примеры, а необходимое кажется не расписанным) ну или это пока я не догоняю всего

а я вместо прокидывания в компонент v-on:событие в дочернем сделал this.$parent.$emit ? типа вылези наверх и громко крикни

ну, я в ангуляре получил опыт не использования $parent )

$rootScope

если быть точнее)

да понятно что не лучший вариант, еще не лучшее было бы через $parent пролезть до самого метода и его напрямую вызвать

но это если что случится с методом, то все пойдет под откос

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

не понял о какой шине ты ведешь речь

он об: https://vuejs.org/v2/guide/state-management.html

Не, я об https://vuejs.org/v2/guide/components.html#Non-Parent-Child-Communication

кстати твой вариант сработал) немного потупил как правильно данные ещё с событием прокидывать... оказалось в $emit написал event.id вместо this.event.id

видел кто нибудь на vue двойной ползунок range для выбора интервала?

Двойной похоже ещё никто не сделал

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

можно взять rheostat и переписать с реакта...

это точно не для меня))

Чуваки, как решить задачку. <div class="col-md-4 text" @click.prevent="click1"> <a href="#" @click.prevent="open">подробнее</a> </div> Клик по ссылке "подробнее" вызывает open также вызывает и click1. Я понимаю что это изза вложенности, но Как отбиндить его?

ну так событие всплывает и поэтому на div тоже срабатывает клик

а вообще "ссылки" в "ссылках" это зло

ну так какие существуют обходные пути-то?

@click.stop.prevent делай

Благодарю!

только теперь бутраповый дропдаун отвалился)) <button class="btn btn-default btn-lg dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">

Тогда @click.self.prevent попробуй

Сергей, благодарю за совет! Уже близко и работает почти как надо. Однако вложенные элементы его перекрывают. На самом деле пример немного сложнее, чем я привел (хотел разобраться на простом, не перегружая кодом). На самом деле там такая структура