Как в nuxt в nested components пропсы передавать? Читать vue-router не советуйте, не помогло, а в nuxt-доке вообще ничего с этим связанного нету
Не помогло в плане «не смог внедрить в nuxt». Мало ли кто смог и может поделиться примером
Dmytro
Rafael 🌵
Scroll Automatically to the Bottom of the Page - Stack Overflow
https://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page
T.A
sendMessage() {
axios.put('/messages/' + this.thread, this.message)
.then((res) => {
this.messages.push(res.data);
window.scrollTo(0, 100);
this.message.body = '';
});
}
T.A
куда внести правки?
T.A
переформулируй
что написать, чтобы при новом сообщении Vue скролил в самый низ (к новому сообщению)
ℝei
что написать, чтобы при новом сообщении Vue скролил в самый низ (к новому сообщению)
это даже к вью не относится задача
Rafael 🌵
T.A
чат обернут в див с классом 'message-container'
T.A
что написать?
Rafael 🌵
https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div
Rafael 🌵
ну госпаде, загугли
T.A
блин не работает
sendMessage() {
axios.put('/messages/' + this.thread, this.message)
.then((res) => {
this.messages.push(res.data);
this.message.body = '';
document.getElementsByClassName('messages-container').scrollTop = document.getElementsByClassName('messages-container').scrollHeight;
});
}
Boris
Вывести скролл в отдельную функцию будет семантически правильно
Boris
Плюс я бы использовал вуе указатели на узлы, вместо document....(Каждое сообщение придётся искать элемент по всему документу. Это не оптимально)
Alexey
блин не работает
sendMessage() {
axios.put('/messages/' + this.thread, this.message)
.then((res) => {
this.messages.push(res.data);
this.message.body = '';
document.getElementsByClassName('messages-container').scrollTop = document.getElementsByClassName('messages-container').scrollHeight;
});
}
например кусок кода this.$refs.addBtn.scrollIntoView()
Alexey
Boris
@Fl0pZz подписался на твой канал. Ты маньяк конечно, откуда время на все это.
Boris
Alexey
Rafael 🌵
Rafael 🌵
и вот сюда добавь default
https://github.com/Beraliv/vue-vk-friend-graph/blob/master/src/components/index.js#L4
Rafael 🌵
@Fl0pZz подписался на твой канал. Ты маньяк конечно, откуда время на все это.
а как иначе? когда единственный фронт на работе 🤷♂️
Rafael 🌵
а как иначе? когда единственный фронт на работе 🤷♂️
если какой-то затык, то никто никто и не поможет, да и спросить не у кого
Boris
Так везде, знания сами не приходят
Alexey
Alexey
Alexey
Илья
всем привет! кто-нибудь из тех кто юзал вью компонент яндекс карт(https://github.com/PNKBizz/vue-yandex-map) - поделитесь, как вы получали экземпляр карты что бы применить тот или иной метод. например panTo
Anonymous
пасаны, подскажите. во Vuetify есть чекбокс инпут, которому надо давать v-model. я делаю тестник, у которого может быть несколько правильных. это получается в самих вариантах ответа делать доп булевое поле пустышку для v-model?
Anonymous
кароч я двумерный динамический массив создал и сделал
v-model='массивОтветов[ид_текущего_вопроса][выбранные_ответы]
хз правильно или нет. но работает
Руслан
Хочу в зависимости от условия оборачивать (как содержимое слота) или не оборачивать кусок текста в компонент. Это можно сделать, не повторяя текст два раза?
Руслан
Более конкретно - кусок текста становится ссылкой только если выполнено условие.
Stanislav
Руслан
В смысле, я знаю, что такое динамические компоненты, но не вижу, как использовать.
Руслан
Разве что вынести сам текст в отдельный компонент. Удобнее, наверное, если текста много, но всё равно дублирование будет, нет?
Сергей
Разве что вынести сам текст в отдельный компонент. Удобнее, наверное, если текста много, но всё равно дублирование будет, нет?
Обычно текст хранится отдельно, в базе данных например, или json. И если ты используешь условные рендеринг или ренедеринг списков, то это снижает дублирование, так как ты описываешь привязку только один раз. Дополнительным плюсом можно считать разграничение ответственности и лаконичность.
Руслан
Обычно текст хранится отдельно, в базе данных например, или json. И если ты используешь условные рендеринг или ренедеринг списков, то это снижает дублирование, так как ты описываешь привязку только один раз. Дополнительным плюсом можно считать разграничение ответственности и лаконичность.
Это оверкилл для моего случая, но я понимаю. Мне другое не нравится. Сейчас код аналогичен print( x ? a+b : foo(a+b) ), а хочется let bar = a + b; print( x ? bar : foo(bar) ).
Руслан
Я всё ещё про вёрстку, если что.
Сергей
Я всё ещё про вёрстку, если что.
Я понял, смотри, если тебе нужно, чтобы в зависимости от условия, входные данные, помещаемые в <slot>, были обернуты в разные компоненты, тебе придется описать логику условного рендеринга внутри компонента, которому передаются данные, и уже через props передавать условия для рендеринга. Сейчас, в кодпене пример набросаю.
Руслан
То есть хорошего готового решения нет, но своё написать можно, если очень нужно. Окей, спасибо :)
Сергей
Так это довольно просто, да и особенно многого не придумаешь, ведь структуру компонентов предсказывать бесполезно. Кому-то нужно картинку подгрузить, а кому-то статью.
Руслан
Да я уже начал писать, но у меня кода-то на две страницы, а проблема ровно в одном месте и незначительная, так что потом всё равно выкину. Нет смысла выпиливать резной дубовый костыль, чтобы подпереть кукольный домик :)
Руслан
Просто хотел убедиться, что не упускаю хорошее каноничное решение.
Сергей
Не понимаю, немного. Почему не использовать условные рендеринг. Это реализуется в пару строк кода в компоненте.
Руслан
Я решил, что раз уж писать костыль, то и возможность оборачивать во что угодно предоставить, а не только в то, что мне сейчас нужно.
Сергей
Хм, кста-а-а-ати, нужно будет попробовать вложенные слоты.
Руслан
Ага.
Руслан
Я скину, как допишу, если интересно.
Сергей
Да, гляну с удовольствием.
Руслан
Есть способ саму обёртку передавать через слот? Чтобы не имя компонента через пропс передавать, а содержимое компонента, с собственным слотом?
Руслан
Собственно, хочу анонимные компоненты :\
Valerii
Ребята кто нибудь пробовал vue-rx и vue-class-component юзать?
Дает ли эта сложность реальный профит? Или получится нечто напоминающее а2-а4 но более баганутое?
Dmytro
А в качестве БД для вью лучше firebase использовать? Или чо как вообще
Руслан
Выбор БД зависит от фреймворка?
Dmytro
Выбор БД зависит от фреймворка?
> Или чо как вообще
Первый раз работаю с фреймворками, не знаю что да как
Руслан
Первый способ, который приходит в голову - выбирать БД независимо и конвертить данные руками из формата БД в формат фреймворка и обратно
Andrey
А в качестве БД для вью лучше firebase использовать? Или чо как вообще
Бд выбирается в зависимости от требований.
Dmytro
Бд выбирается в зависимости от требований.
Проект для учебы, просто нужно где-то хранить данные
Ilya
если для учебы и данные структурированы то бери максимально простую СУБД, которую загуглишь и сможешь понять
Ilya
если не структурированы то выбирай NoSQL бд по принципу которую я описал выше
Andrey
Какие данные? Сколько? Как с ними работать надо? Будет ли выделенный сервер? И ещё несколько десятков вопросов которые ты должен себе задать
Dmytro
Так и храни локально
Слишком просто
Я ж учусь, почему бы в программу обучения не взять работу с БД
Ilya
не думаю что для учебы нужны будут какие то высокие нагрузки на БД и супер сложные запросы
Dmytro
Ilya
Какие данные? Сколько? Как с ними работать надо? Будет ли выделенный сервер? И ещё несколько десятков вопросов которые ты должен себе задать
если ему для учебы то это сто проц какая то простая структура данных, объем БД будет минимальным. Работать - 100% простой CRUD, выделенного серва не будет (учеба жи)
Ilya
тут к гадалке не ходи. мы для обучения все так делали
Michael
Слишком просто
Я ж учусь, почему бы в программу обучения не взять работу с БД
поднимай выделенный удалённый серв на CentOS, ставь туда связку Postgre и Mongo, напиши им апи на Go, позаботься о репликации, что-то вынеси в CDN Azure, например. Под приложухой пиши в Sqlite через удобные прокладки, реляционные и нет.