🐏 Alexander
а хз
Anton
забудь, здесь подход совершенно другой, думай компонентами, думай, что у тебя дерево компонентов, и данные передаются от верхнего к нижнему
:value="columnFilters[column.field]"
v-on:input="updateFilters(column, $event.target.value)" />
я так понял, нужно добраться до "columnFilters[column.field]"
Anton
но я не могу понять, как
Armen
:value="columnFilters[column.field]"
v-on:input="updateFilters(column, $event.target.value)" />
я так понял, нужно добраться до "columnFilters[column.field]"
А не проще v-model="columnFilters[column.field]"?
Anton
А не проще v-model="columnFilters[column.field]"?
это уже написано в плагине, я пытаюсь через js менять значение инпута
Armen
А зачем?
Armen
Этим должен заниматься Vue
Anton
Этим должен заниматься Vue
потому что у меня datepicker меняет value и инпута и ничего не происходит
Leonid
Меняй не валуе, а переменную с которой связан в-модел
Armen
потому что у меня datepicker меняет value и инпута и ничего не происходит
Миксируешь jQuery с vue?
Andy
да)) надо в проект впихнуть компонент на vue
срочно, прячься в бомбоубежище
щас начнется праведный гнев Вью комьюнити
Andy
in 3
Andy
2
Andy
1
Anton
Andy
ладно, я тогда первый
зачем так делать? вью джс призывает к декларативной разработке, и любые вещи в темплейте, включая инпуты и прочие элементы должны работать с данными, “модель” которых мы выводим в темплейте
иначе говоря правильным решением в данном случае будет затянуть какой-то Vue дейтпикер, который будет менять переменную в твоей data
типа <vue-datepicker v-model=“user.registration_date” />
Andy
если менять данные в data - поменяется автоматически и “value” этого дейтпикера
Anton
если менять данные в data - поменяется автоматически и “value” этого дейтпикера
а vue-datepicker ляжет поверх vue-good-tables?
Andy
в каком смысле поверх? можно ли будет его засунуть в таблицу?
Anton
ну да, просто темплейт таблицы я менять не могу
Andy
но там насколько я вижу возможны манипуляции со слотами?
Andy
например:
Andy
http://joxi.ru/52aXB5QTG17VMm
Andy
можно типа проверить, “если эта колонка это last_updated - выводить вот такой-то инпут привязанный на такую-то переменную
Anton
но там насколько я вижу возможны манипуляции со слотами?
да, но фильтры рисуются отдельно, вроде
Andy
так этот дейтпикер нужен не в колонке, а в фильтрации?
Сергей
Хм, с ref не выходит обратиться как в api к объектам. В компоненте на img повесил ref'ы чтобы до объектов добаться. this.$refs в консоль выводит подобное: invoice_stamp:img#stamp
как обратиться к элементу, подскажите, пожалуйста?
Сергей
Andy
ну, боюсь если таблица не поддерживает изменение темплейтов для фильтрации - то тут никак, я думаю :( мб придется выносить этот ипнут вообще вне таблицы, либо искать есть ли варианты задать свой кастомный инпут для фильтрации…в любом случае со Вью есть одно правило - лезть в дом и менять там что-то напрямую, традиционными способами типа document.querySelector(‘.class’).style.opacity = 0 - бесполезно и противопоказано, любые вопросы надо разруливать как-то через данные
ThunderAL
как на сайте без vue для input[type=text] обновлять значение без сброса фокуса?
ThunderAL
ибо $(field).val('data') сбрасывает фокус
Иван
$(field).focus() следом
ThunderAL
ну, ладно. пока пойдёт такой костыль. а когда большие формы, уже не особо с фокусо так просто попрыгаешь
Nikita
Ребята, есть какие либо npm пакеты которые смогут отфильтровать и спарсить html в таком виде?
\t<div class=\"market_listing_table_header\">\r\n\t\t<div class=\"market_listing_price_listings_block\">\r\n\t\t\t
Bohdan
а никто не подскажет как в vuetify проанимировать переходы между комонентами, а то что-то оно совсем не анимирует
Bohdan
Vadim
а никто не подскажет как в vuetify проанимировать переходы между комонентами, а то что-то оно совсем не анимирует
https://router.vuejs.org/ru/advanced/transitions.html
Vadim
Стили подключены?
Bohdan
пробовал я и стандартный transition, тоже пашет как-то криво, скачут компоненты, видимо один еще с потока не выпал, как появляется второй
Vadim
не юзал vuetify сори
Bohdan
ну таки может, кто-то юзал, а то примеры на их сайте, все на менюшках сделаны
Vadim
попробуй сам анимацию написать на css и проверь
Bohdan
только что проверил
Bohdan
там где разметка vuetify, там стандартный transition не срабатывает
Vadim
какой стандартный
Vadim
сам руками напиши
Bohdan
ну стандартный, я имею ввиду нативный, написаный руками
Vadim
не пашет?
Bohdan
неа
Vadim
https://codepen.io/rugor/pen/VKgoRK
Bohdan
сенкс, так и у меня выходит, но когда обвес на vuetify там видимо есть нюанс
Bohdan
но что-то никто не хочеть поделиться секретом ))))
Yuriy 🐼
надо два класса добавить
Yuriy 🐼
.slide-enter {
transform: translate(100%, 0);
}
.slide-leave-to {
transform: translate(-100%, 0);
}
Yuriy 🐼
для transition name=“slide"
Yuriy 🐼
как пример
Yuriy 🐼
я чтоб не дрыгалось добавлял
Yuriy 🐼
.slide-leave-active {
display: none;
}
Bohdan
я тоже добавил, не скачет, но vuetify не срабатывает
Vadim
ух
Vadim
ну как уж
Vadim
я ведь доберусь до редактора
Bohdan
там видимо нужно обороачивать router-view в комопнент, который умеет анимироваться
Bohdan
но кроме алертов я чето не нахожу таких
Сергей
ребят как реализовать эффект как slideToggle JQuery?)
Armen
.slide-toggle-enter-active,
.slide-toggle-leave-active {
transition: height .3s;
}
.slide-toggle-enter-active {
height: 30px;
}
.slide-toggle-enter,
.slide-toggle-leave-active {
height: 0;
}
.slide-toggle-leave {
height: 30px;
}
Сергей
.slide-toggle-enter-active,
.slide-toggle-leave-active {
transition: height .3s;
}
.slide-toggle-enter-active {
height: 30px;
}
.slide-toggle-enter,
.slide-toggle-leave-active {
height: 0;
}
.slide-toggle-leave {
height: 30px;
}
А если высота динамическая) в зависимости от контента в нём)
Armen
Попробуй auto
Сергей
Думал может вы подскажите реализацию)
Vadim
залей в песочницу
Vadim
я правда уже выпил
Дима
Сейчас есть что-то не блазинг фаст?
Дима
и что то используя блазинг фаст блазинг фаст не получается
Сергей
Да заливать то нечего) у меня скриптом считается)