Bohdan
Anonymous
Bohdan
я сейчас свое полностью переписываю на вью
сложные фронт вещи так гораздо удобнее делать
Igor
:class="{ isAvailable ? true : false }"
Почему такая штука не работает?
Dmitry
Всем привет. Как забиндить класс от пропса ?
Dmitry
:class={active: variable}
тут он дату смотрит. Как пропс передать
Dmitry
кашерное место
Dmitry
Igor
Dmitry
Igor
Жаль
Dmitry
что за ересь. Там она бесполезна. ТАм только если true то класс будет. иначе нет
енот
пожалуйста подскажите, как мне передать проп в дочерний компонент, я не могу въехать
вот компонент
https://gitlab.com/chemax.kr/truks-frontend/blob/master/src/Rounds.vue
вот отсюда передать пытаюсь
https://gitlab.com/chemax.kr/truks-frontend/blob/master/src/Mainform.vue#L45
там массив должен быть который надо из родителя очищать
Dmitry
Dmitry
не знает ни кто ?
ахаха. тупой вопрос. Я просто проверял на компоненте которого нету и думал чот за хрень D. Он смотрит в пропсы если нету в дате
Kirill
привет. а каким образом можно асинхронно data в компоненте заполнить?
Дмитрий
Утро доброе. Что-то туплю и не могу понять, как передать в функцию параметр?
<a
class="back"
@click.prevent="subMenuToggle()"
>Назад</a>
Всё, что туда не передам, это является event параметром самой ссылки. А как свои туда передать?
Alexandr
subMenuToggle(event, params) {...}
Kirill
Alexandr
сейчас гляну))
Alexandr
еще проще
Alexandr
https://vuejs.org/v2/guide/events.html#Methods-in-Inline-Handlers
Kirill
нароооод. помогите с ансинхронностью ))
Alexandr
@click="fn("test", $event)" или click="fn($event, "test")"
Alexandr
> нароооод. помогите с ансинхронностью ))
все делается изи
Alexandr
mounted() { api.fetch().then(data => this.dataContainer = data) }
Alexandr
data: () => retutn { dataContainer: [] }
Kirill
а она будет обновляться реактивно потом? там объект большой
Alexandr
посмотри в документации, там есть нюансы небольшие
Alexandr
но вообще да - будет
Kirill
ща попробую, спс
Alexandr
или используй сторе
Alexandr
вот тут все очень подробно https://ru.vuejs.org/v2/guide/reactivity.html
Kirill
блин. че сам то не допер, просто же ))
Alexandr
вообще, советую прежде чем спрашивать - смотреть доку
Alexandr
нз
Kirill
да в доке только асинхронные компоненты нарыл ( а тут другое, вроде просто, но затупил
Nikita
Igor
how?
Nikita
:class="active ? 'test' : 'nope'"
Nikita
или :class="[active ? 'test' : 'nope'"]
Nikita
или :class="{ test: active }"
Nikita
то, что ты написал :class="{ isAvailable ? true : false }" такое синтаксиса нет в javascript
Nikita
че как? Я тебе показал 3 способа прокинуть класс и 2 из них используют тернарник
Nikita
вот еще один способ
:class={ [active ? 'test' : 'nope'"]: isBool }, конечно не знаю кому такое извращение нужно будет
Nikita
Nikita
isAvailable это boolean и ты используешь булеан, чтоб вернуть булеан?
Igor
Nikita
это телеграм лагает, а не инет у тебя
Nikita
а может быть комбо
Nikita
из лагающего телеграмма и твоего интернета
Dorian
всем привет
Dorian
а есть у вью встроенные фильтры ?
Dorian
типа currency
Dorian
вообще-то есть, спасибо, уже нашел )
Stanislav
Dorian
https://011.vuejs.org/api/filters.html
Dorian
только что за 011 ?
Александр
версия 0.11
Dorian
это версия ? )
Александр
актуальная 2.x.x
в ней фильтров нет
Stanislav
И это хорошо
Dorian
на моей 2.5.2 отрабатывает корректно
Дмитрий
Объясните, в чём разница этих 2х записей?
import Component from '~/components/Component'
Vue.component(Component.name, Component);
Vue.use(Component);
Работают они вроде как одинакого
Alex
ну вроде как в первом варианте ты локально подключил, а во втором глобально
Alex
Аххаха) да - я тоже не понял разница меж чем
ℝei
Этот код вообще мало о чем говорит. Не понятно что он импортит
Nikita
первый способ точно явно определяет компонент как глобальный, а второй скорей всего сахар, раз это работают
Nikita
Nikita
как ты обращаешься к нему?
Дмитрий
да
ℝei
Vue.component принимает сам компонент (.vue)
А Vue.use функцию установщик где поидее делается тож самое
Дмитрий
Это объявление компонента глобально
Дмитрий
и так и так
Дмитрий
он доступен везде