Парни, я короче сделал сайдбар отдельным элементом, теперь он у меня как <sidebar></sidebar> возле стандартного <router-view> распологается. Однако, когда на сайдбаре я выбираю другую страницу, он перезагружается вместе с содержимым <router-view>. Как убрать эту перезагрузку сайдбара?

т.е мне по сути нужно убрать перерендеринг сайдбара как то...

а когда ты выбираешь на сайдбаре там что ? ссылка ?

ну да

router-link надо

router-link

он и стоит)

ну не должно тогда ничего перезагружаться если ты данные не меняешь...

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

у меня ща получается иерархия App -> sidebar App -> page App -> page -> content

т.е. контент на одном уровне, а сайдбар на другом

=\

а. было такое, да

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

сделай один компонент в котором постоянно сайдбар и меняющийся контент

Хм

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

тогда сорян

да уж)

сам поставил watch на роут

и думаю че обновляется

заработало как часики

? https://twitter.com/TheLarkInn/status/877609326378184704

Привет всем!) Хотел спросит, что кто использует для анимации в проектах? Простых <transition> хватает или используете дополнительные библиотеки аля Velocity или GreenSock?)

Ой, сначала написал, а потом увидел закрепленный пост, сорян, соблюдаем традиции: Какой у вас проект или где работаете? Работаю в студии "Чипса" находится она в Красноярске В чём вы специалист? Я специализируюсь на Фронтенде) Чем можете быть интересны или полезны сообществу? Обмен опытом/общение Чем интересно сообщество вам? Мне очень интересен Vue.js Откуда вы? Из Красноярска Как узнали про группу? Нашел в awesome-vue)

Ребята, я только начинаю работать с Vue. Столкнулся с двумя сложностями: a) Как безболезненно передать в пропс компонента коллекцию из блейда Laravel. Допустим, я хочу вывести список машин, с контроллера мне в inline-template шаблон заходит коллекция $cars. Ну я такой пишу в аттрибутах <div is="cars" inline-template" cars_list="{{ json_encode($cars->toArray()) }}> в компоненте props: { cars_list: { type: Array, required: true, }, }, приходит однако String, приходится в computed возвращать JSON.parse, так оно конечно работает, но имхо это какой-то костыль. b) Можно ли получить свойства импортируемых компонентов из родительского, допустим в том же случае с машинами, у меня есть отдельный элемент (инпут), я его импортирую и в родительском компоненте прописываю components. В импортируемом есть свойство query, которое привязанно v-model к инпуту. Мне нужна вся мощь реактивности Vue, чтобы в компоненте с машинами отфильтровать список машин, например по названию. Тут я могу написать примерно так в компоненте cars computed: { cars() { if ( [Как достать QUERY из импортируемого компонента] === 0) { return JSON.parse(this.cars_list); } else { return JSON.parse(this.cars_list).filter((car) => { if (! (car.title.toLowerCase().indexOf([QUERY].toLowerCase()) === -1)) { return true; } }) } } } пока такая задача у меня выполняется, если я инпут прописываю в основной компонент, привязываю к свойству query, и обращаюсь к нему this.query. Но тогда выходит, что я собираю все компоненты в один, и это тоже как-то не круто. TL;DR: Можно ли передать реактивное свойство импортируемого компонента в родительский? Как в инлайн-шаблоне передать пропсы в ввиде массива из коллекции Laravel. Thx.

Вопрос с пропсами не очень критичен, как вариант можно при первой загрузке элемента xmlhttprequest к серверу за данными отправить. Насчет второго пока незнаю, как лучше разрулить.

такие нотификации https://alertifyjs.org/ ?

Нет, нотификации в углу о том что ошибка или все успешно. Это диалог или Промт или модалка с виду

Парни, я короче сделал сайдбар отдельным элементом, теперь он у меня как <sidebar></sidebar> возле стандартного <router-view> распологается. Однако, когда на сайдбаре я выбираю другую страницу, он перезагружается вместе с содержимым <router-view>. Как убрать эту перезагрузку сайдбара?

Не до конца понял проблему, но попробуй обернуть сайдбар в <keep-alive>

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

Дно есть же компьютед

ребзи как порт 8080 поменять во vue cli

как вычисляемому свойству присвоить результат запроса axios?

Прям вчера в официальной документации видел пример с Axios и вычисляемыми свойствами. https://ru.vuejs.org/v2/guide/computed.html#Методы-наблюдатели

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

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

Так ты же подписываешь функцию, просто у этой функции делаешь параметры. Или я не праивльно понял вопрос?

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

в девтулзе я вижу что payload передался

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

Смотри вот как я подписыаюсь на событие: Word(:word="word" @word-change="wordChange") а вот сама функция: wordChange(wordId, mode) { this.$store.commit('SET_WORD_USE', { id: wordId, val: mode, }); },

Просто у родителя, добавь параметр, в который будет "приниматься" твой массив.

пасиб!

пасиб!

Можешь вот тут глянуть пример: https://github.com/vuejs/vuex/tree/dev/examples/chat/components

Из Thread.vue передается в ThreadSection.vue

да, все заработало. еще раз спасибо

Для винды кроме сторма какая иде есть?

Для винды кроме сторма какая иде есть?

можно Visual Studio Code

?спасибо

Для винды кроме сторма какая иде есть?

ну все теже

ну все теже

Не понял

а ладно

я сам не понял,

Парни, делаю так: <textarea v-bind:style="{ height: tmpHeight + 'px' }" v-model="markdown"></textarea> но стиль не биндится. В чем проблема?

v-bind:class пробовал?

да мне именно что стиль нужно

<textarea :style="height: { tmpHeight + 'px' }" v-model="markdown"></textarea>

высота динамическая

<textarea :style="height: { tmpHeight + 'px' }" v-model="markdown"></textarea>

типа сокращенный синтаксис ситуацию исправит?)

высота динамическая

мой вариант этому не противречит )

а блять

затупил

типа сокращенный синтаксис ситуацию исправит?)

да вы не туда смотрите

недоглядел)

да вы не туда смотрите

Спасибо, тоже не туда смотрел))

мой вариант этому не противречит )

оно теперь вообще исчезло :D

а че в DOM после загрузки

ERROR: S client not available

там где тексэреа должен быть

?

F? ye lf

А, ну да

invalid expression: :style="height: { tmpHeight + 'px' }"

там где тексэреа должен быть

в смысле?

Парни, делаю так: <textarea v-bind:style="{ height: tmpHeight + 'px' }" v-model="markdown"></textarea> но стиль не биндится. В чем проблема?

пока что у тебя в data или откуда ты получаешь высоту

посмотри в dom стиль полностью не биндиться или значение не прилетает

посмотри в dom стиль полностью не биндиться или значение не прилетает

ошибка еще на этапе компиляции

ошибка еще на этапе компиляции

ну что пишет)

invalid expression: :style="height: { tmpHeight + 'px' }"

вот

оно теперь вообще исчезло :D

https://jsfiddle.net/akiyamka/yMv7y/2903/

да, я вам неверно подсказал

вот так надо

Разве можно использовать {

нельзя

хмм

https://jsfiddle.net/yMv7y/2904/

вот смотрите

должна высота textarea меняться

но ничего

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

но ничего

меняется же

меняется же

Нет о_О

День Добрый, у кого-нибудь есть collapsible sidebar(выплывающий сбоку при нажатии) без лишних зависимостей, желательно сразу для vue 2

День Добрый, у кого-нибудь есть collapsible sidebar(выплывающий сбоку при нажатии) без лишних зависимостей, желательно сразу для vue 2

эмм, это пишется за 5 минут же

Нет о_О

https://jsfiddle.net/akiyamka/yMv7y/2905/

ну так вы размер захардкодили же

ой

да