<template> <scrollbar :style="styleObject" class="citiesList" ref="scrollbar"> <template v-for="item in list"> <div class="city-item" :class="{active:item.active}" @click="onClick" :data-id="item.id" > {{ item.address }} </div> </template> </scrollbar> </template>

сек

странно, у меня иначе отображается. Код выкладываю после тройной обратной кавычки - вроде многострочный код так выкладывается. Мб что-то с вашей темой? Вот как у меня отображается http://prntscr.com/filw52

ваш последний код был в порядке. а первый — нет.

<template> <scrollbar :style="styleObject" class="citiesList" ref="scrollbar"> <template v-for="item in list"> <div class="city-item" :class="{active:item.active}" @click="onClick" :data-id="item.id" > {{ item.address }} </div> </template> </scrollbar> </template>

Эффект тот же http://prntscr.com/filyb0

я конечно могу решить задачу, добавив в onClick немного jquery-магии onClick(e){ const id = +e.target.dataset.id; this.$emit('choiceCity', id); $(e.target).addClass('active') .siblings().removeClass('active'); }, но мне очень не хотелось бы так делать :(

Нужно в vue devtools посмотреть, что у вас там не меняется.

Мне кажется, должно работать без магии, и вопрос мне кажется не в темплейте, а в js-е.

Вопрос вообще непонятен, что передается в пропсах и что не срабатывает. Постоновка вопроса = 90% ответа

Эффект тот же http://prntscr.com/filyb0

а попробуйте класс { active: заменить на { active1. а вместо address вывести {{ item.active + 0 }}

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

глупый вопрос - getter и setter - могут быть заданы только в паре? по отдельности - нельзя? я задал - у меня Vue в консоли ругается - '[Vue warn]: No getter function has been defined for computed property "additionsType".'

setter определил только я

setter определил только я

потому-что сеттеры не обязательны, а геттеры обязательны

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

спасибо за совет, выводятся исключительно ноли, хотя в девтулзах значение поля у выбранного объекта изменено http://prntscr.com/fim84m http://prntscr.com/fim8mj

потому-что сеттеры не обязательны, а геттеры обязательны

ок

спасибо за совет, выводятся исключительно ноли, хотя в девтулзах значение поля у выбранного объекта изменено http://prntscr.com/fim84m http://prntscr.com/fim8mj

странное поведение. явно что-то не так. а что в onClick?

http://prntscr.com/filtx0

проверьте, меняется ли в choiceCity элемент списка

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

А вы не пытаетесь сделать в потомке $emit родителю?

Запили код куда нить во внешний сервис, где нормальное форматирование есть

Разве данные из props не реактивные? А то рендерю список, кликаю по пункту, по клику иду обновляю поле active - а в DOM класс не появляется. <div class="city-item" :class="{active:item.active}" @click="onClick" :data-id="item.id" v-for="item in list" > {{ item.address }} </div> list приходит в props. Класс active не включается. http://prntscr.com/filoia

а, и попробуйте засунуть статический класс в байндинг: [ "city-item", { active: item.active }]

может вы на баг во vue наткнулись.

Проще сюда вставить код, и дать всем ссылку на покрутить: https://jsfiddle.net/

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

Несколько Vue.component в одном фиде

схема компонентов http://prntscr.com/fimgew код { citiesList: https://codepen.io/livalex/pen/ZyWrXB, sidebar: https://codepen.io/livalex/pen/YQqexj, app: https://codepen.io/livalex/pen/dRMdVK }

Подскажите пожалуйста, есть ли возможность с компонента роута передать слот в router-view, что бы динамически управлять разметкой? <router-view> <slot name="header"></slot> // <- <main> <v-container fluid> <slot></slot> </v-container> </main> </router-view> Проблема в том, что я хочу сделать несколько header с базовым функционалом, и на разных роутах добавлять к ним меню или еще что.

схема компонентов http://prntscr.com/fimgew код { citiesList: https://codepen.io/livalex/pen/ZyWrXB, sidebar: https://codepen.io/livalex/pen/YQqexj, app: https://codepen.io/livalex/pen/dRMdVK }

Почитайте запросы в гугл "vue emit in child" мне кажется это именно ваша ситуация.

да, спасибо, ушел читать

Подскажите пожалуйста, есть ли возможность с компонента роута передать слот в router-view, что бы динамически управлять разметкой? <router-view> <slot name="header"></slot> // <- <main> <v-container fluid> <slot></slot> </v-container> </main> </router-view> Проблема в том, что я хочу сделать несколько header с базовым функционалом, и на разных роутах добавлять к ним меню или еще что.

выглядит странно. делайте зависимость хедеров от данных. и меняйте эти данные на разных роутах.

выглядит странно. делайте зависимость хедеров от данных. и меняйте эти данные на разных роутах.

тоесть сделать один большой хедер, который будет сам модифицироваться от данных?

выглядит странно. делайте зависимость хедеров от данных. и меняйте эти данные на разных роутах.

К примеру я хочу в хедер вынески кнопку "сохранить", которая будет знать про данные текущего view

почитал, рекомендуется так же, как я реализовал: в компоненте-потомке эмиттить событие и обрабатывать его в компоненте-родителе с помощью привязки v-on... Видимо, придется оставить вариант с jquery.

почитал, рекомендуется так же, как я реализовал: в компоненте-потомке эмиттить событие и обрабатывать его в компоненте-родителе с помощью привязки v-on... Видимо, придется оставить вариант с jquery.

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

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

полностью согласен. Просто устал :)

Смерть не повод не фиксить баги

Смерть не повод не фиксить баги

умри, но сделай? )

Вроде того

Это там у них "докажи или сдохни"

У нас "сдохни, но докажи"

кстати, как там Крокфорд на HolyJS, поднял дух сообщества? )

so-so

меня не впечатлило, но я ни разу не его целевая аудитория

а твой доклад где-то уже можно посмотреть? )

Нет

спасибо конечно - но проще по отдельности написать каждый фильтр и забыть о нем ))

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

http://prntscr.com/filtx0

Зачем вытаскивать из data-id данные, когда ты можешь этот айдишник передать в свою onClick в аргументах?

Зачем вытаскивать из data-id данные, когда ты можешь этот айдишник передать в свою onClick в аргументах?

спасибо, поправил. Правда, теперь и jquery-костылю не к чему прицепиться ))

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

Да, но зачем? В моем случае все три фильтра. Стоит ли оборачивать все это дело в миксин? Вряд-ли.

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

Вот другой глупый вопрос - глобальные фильтры нельзя хранить в Store? Если я использую Vuex. Их место - в main.js или миксине?

да хоть в импортируемой переменной-объекте храни

разницы особой нет

вернее есть, если этот функионал будет расширяться в будущем

Ок - а пример поглядеть можно?

Импортируемого обьекта в store

прямой импорт? let a = { /* начальное состояние фильтров */ }; export default a

прямой импорт? let a = { /* начальное состояние фильтров */ }; export default a

А - я понял. Ок. Надо попробовать

это особенность ноды

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

Вот еще - в сторе как использовать промежуточеые функции. Ну как обычно это делается в js. В сторе все функции должны быть привязаны к состоянию?

Создается функция, которая делает прмежуточный результат. Потом эта функция используется внутри других функций.

В сторе так можно? И как, если можно?

ERROR: S client not available

Вот у меня есть пара-тройка таких функций и я использую их внутри мутаций. Не хочу каждый раз одинаковые крокодилы писать.

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

#whois Всем привет! - Пишу SPA на Vue.js 2 - Fullstack - Мой опыт фуллстака - Опыт Vue.js - Астана - https://t.me/astfrontend

гайз, хелп. https://pastebin.com/yprqxQPV ошибка - isShow in not defined. когда в консоли вывожу объект vm свойство isShow есть

пробовал через дефиз

писать айдишки

такая же фигня

гайз, хелп. https://pastebin.com/yprqxQPV ошибка - isShow in not defined. когда в консоли вывожу объект vm свойство isShow есть

ты знаешь разницу между v-if и v-show?

теперь да

ye nj

ну вот только это ничего не поменяло

А причем тут " isShow in not defined"

???

в консоли еррор такой

вот причем

Вопрос был к DASTAN

аа

А причем тут " isShow in not defined"

в том, что я хочу понять зачем он делал где-то v-if, а где-то v-show

в том, что я хочу понять зачем он делал где-то v-if, а где-то v-show

)))) жаль что это проблему камрада не решает)

в консоли еррор такой

какой действие вызывает ошибку?

какой действие вызывает ошибку?

сразу при загрузке страницы ошибка

Да, не понятно

сразу при загрузке страницы ошибка

ты указал элемент в camelCase, попробуй в kebab-case

а я говорю

пробовал айдишник указывать в кебаб кейсе

точно такой же результат(

я ничего не понял в этом коде если честно, так как не знаю ларавел, но у тебя как минимум created хук внути methods

я ничего не понял в этом коде если честно, так как не знаю ларавел, но у тебя как минимум created хук внути methods

а как это может повлиять

более того ребят. я попробовал везде эти v-show убрать

но в результате он тогда начинает ругаться что не видит другие переменные в data