Тут явно косяк в архитектуре

Причём ппц какой

Точнее косяк в попытке это реализовать

* соврал немного про кнопку там на кнопке в разметке для загрузки картинки кастомизация лейбла, поэтому клик нужен на него <input type="file" accept="image/*" class="file-input"></input> <label ref="input_file" for="file">Кнопка</label>

Сама имитация нажатия кнопки не имеет никакого смысла.

Сама имитация нажатия кнопки не имеет никакого смысла.

верю, поэтому и хочу узнать правильный подход :)

но как видишь тут не обработчика клика на кнопке, тут идет клик по лейблу или как-то иначе можно это сделать,

Наверное у ноды инпута есть какие то методы...

верю, поэтому и хочу узнать правильный подход :)

надо не не кнопки нажимать,а данные менять

всем привет, помогите найти ошибку. есть приложение c именованными вью const routes = [ { path: '/company/:company_id/board', component: BoardList }, { path: '/company/:company_id/board/:board_id', components: { default: Board, 'board-sidebar': BoardSidebar, 'board-sidebar-toggle': ToggleBoardSidebar }, props: { default: true, 'board-sidebar': true, 'board-sidebar-toggle': false } } ]; const router = new VueRouter({ mode: 'history', routes: routes }); new Vue({ router: router, mounted() { window.addEventListener('keyup', (event) => { if (event.keyCode === 27) { this.$emit('esc-keyup'); } }); } }).$mount('.main-app'); в этом компоненте BoardSidebar есть вложенный компонент который получает данные об активности с сервера и отображает в боковой панели. /company/:company_id/board/:board_id если в браузере сразу перейти на эту страницу, то почти все работает кроме отображения данных полученных во вложенных компонентах в тоже время если сначала перейти на эту страницу /company/:company_id/board а потом с нее на страницу board то данные в боковой панели перестают загружаться

https://github.com/cerclecrm/cercle/blob/master/web/static/js/app.js#L212 https://github.com/cerclecrm/cercle/blob/master/web/static/components/boards/board.vue

может кто встречался с такой проблемой ?

всем спасибо, проблема решена :)

Не за что. Обращайтесь)

Как в nuxt в nested components пропсы передавать? Читать vue-router не советуйте, не помогло, а в nuxt-доке вообще ничего с этим связанного нету

Как в nuxt в nested components пропсы передавать? Читать vue-router не советуйте, не помогло, а в nuxt-доке вообще ничего с этим связанного нету

Не помогло в плане «не смог внедрить в nuxt». Мало ли кто смог и может поделиться примером

Scroll Automatically to the Bottom of the Page - Stack Overflow https://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page

sendMessage() { axios.put('/messages/' + this.thread, this.message) .then((res) => { this.messages.push(res.data); window.scrollTo(0, 100); this.message.body = ''; }); }

куда внести правки?

куда внести правки?

переформулируй

переформулируй

что написать, чтобы при новом сообщении Vue скролил в самый низ (к новому сообщению)

что написать, чтобы при новом сообщении Vue скролил в самый низ (к новому сообщению)

это даже к вью не относится задача

sendMessage() { axios.put('/messages/' + this.thread, this.message) .then((res) => { this.messages.push(res.data); window.scrollTo(0, 100); this.message.body = ''; }); }

не от window скролить, а для чата

чат обернут в див с классом 'message-container'

что написать?

https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div

ну госпаде, загугли

ну госпаде, загугли

хорошо

блин не работает 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; }); }

https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div

делал по этому примеру

Вывести скролл в отдельную функцию будет семантически правильно

Плюс я бы использовал вуе указатели на узлы, вместо document....(Каждое сообщение придётся искать элемент по всему документу. Это не оптимально)

блин не работает 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()

например кусок кода this.$refs.addBtn.scrollIntoView()

Зис

Зис

ват

@Fl0pZz подписался на твой канал. Ты маньяк конечно, откуда время на все это.

Видимо нужно сделать import vkauth from 'vk-auth', а затем в компоненте описать имлементацию, типа vk-auth: vkauth

import VkAuth from '../auth/Auth.vue'

https://github.com/Beraliv/vue-vk-friend-graph/blob/master/src/index.js#L2 import * as AllComponents from './components'; замени на import AllComponents from './components';

и вот сюда добавь default https://github.com/Beraliv/vue-vk-friend-graph/blob/master/src/components/index.js#L4

@Fl0pZz подписался на твой канал. Ты маньяк конечно, откуда время на все это.

а как иначе? когда единственный фронт на работе ?‍♂️

Создание и вызов событий - Руководство Web-разработчика | MDN https://developer.mozilla.org/ru/docs/Web/Guide/Events/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B8_%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9

спасибо

а как иначе? когда единственный фронт на работе ?‍♂️

если какой-то затык, то никто никто и не поможет, да и спросить не у кого

Так везде, знания сами не приходят

если какой-то затык, то никто никто и не поможет, да и спросить не у кого

напомни плиз канал

напомни плиз канал

https://t.me/pecheniai

и вот сюда добавь default https://github.com/Beraliv/vue-vk-friend-graph/blob/master/src/components/index.js#L4

ща попробую, спасибо

и вот сюда добавь default https://github.com/Beraliv/vue-vk-friend-graph/blob/master/src/components/index.js#L4

не, не помогло

всем привет! кто-нибудь из тех кто юзал вью компонент яндекс карт(https://github.com/PNKBizz/vue-yandex-map) - поделитесь, как вы получали экземпляр карты что бы применить тот или иной метод. например panTo

не, не помогло

выкинь index.js из components

пасаны, подскажите. во Vuetify есть чекбокс инпут, которому надо давать v-model. я делаю тестник, у которого может быть несколько правильных. это получается в самих вариантах ответа делать доп булевое поле пустышку для v-model?

кароч я двумерный динамический массив создал и сделал v-model='массивОтветов[ид_текущего_вопроса][выбранные_ответы] хз правильно или нет. но работает

Хочу в зависимости от условия оборачивать (как содержимое слота) или не оборачивать кусок текста в компонент. Это можно сделать, не повторяя текст два раза?

Более конкретно - кусок текста становится ссылкой только если выполнено условие.

Хочу в зависимости от условия оборачивать (как содержимое слота) или не оборачивать кусок текста в компонент. Это можно сделать, не повторяя текст два раза?

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

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

а как поможет?

В смысле, я знаю, что такое динамические компоненты, но не вижу, как использовать.

Разве что вынести сам текст в отдельный компонент. Удобнее, наверное, если текста много, но всё равно дублирование будет, нет?

ERROR: S client not available

Разве что вынести сам текст в отдельный компонент. Удобнее, наверное, если текста много, но всё равно дублирование будет, нет?

Обычно текст хранится отдельно, в базе данных например, или json. И если ты используешь условные рендеринг или ренедеринг списков, то это снижает дублирование, так как ты описываешь привязку только один раз. Дополнительным плюсом можно считать разграничение ответственности и лаконичность.

Обычно текст хранится отдельно, в базе данных например, или json. И если ты используешь условные рендеринг или ренедеринг списков, то это снижает дублирование, так как ты описываешь привязку только один раз. Дополнительным плюсом можно считать разграничение ответственности и лаконичность.

Это оверкилл для моего случая, но я понимаю. Мне другое не нравится. Сейчас код аналогичен print( x ? a+b : foo(a+b) ), а хочется let bar = a + b; print( x ? bar : foo(bar) ).

Я всё ещё про вёрстку, если что.

Я всё ещё про вёрстку, если что.

Я понял, смотри, если тебе нужно, чтобы в зависимости от условия, входные данные, помещаемые в <slot>, были обернуты в разные компоненты, тебе придется описать логику условного рендеринга внутри компонента, которому передаются данные, и уже через props передавать условия для рендеринга. Сейчас, в кодпене пример набросаю.

Я понял, смотри, если тебе нужно, чтобы в зависимости от условия, входные данные, помещаемые в <slot>, были обернуты в разные компоненты, тебе придется описать логику условного рендеринга внутри компонента, которому передаются данные, и уже через props передавать условия для рендеринга. Сейчас, в кодпене пример набросаю.

Я понял идею

Я понял идею

Здорово.))

То есть хорошего готового решения нет, но своё написать можно, если очень нужно. Окей, спасибо :)

Так это довольно просто, да и особенно многого не придумаешь, ведь структуру компонентов предсказывать бесполезно. Кому-то нужно картинку подгрузить, а кому-то статью.

Да я уже начал писать, но у меня кода-то на две страницы, а проблема ровно в одном месте и незначительная, так что потом всё равно выкину. Нет смысла выпиливать резной дубовый костыль, чтобы подпереть кукольный домик :)

Просто хотел убедиться, что не упускаю хорошее каноничное решение.

Не понимаю, немного. Почему не использовать условные рендеринг. Это реализуется в пару строк кода в компоненте.

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

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

Ага.

Я скину, как допишу, если интересно.

Да, гляну с удовольствием.

Есть способ саму обёртку передавать через слот? Чтобы не имя компонента через пропс передавать, а содержимое компонента, с собственным слотом?

Собственно, хочу анонимные компоненты :\

Ребята кто нибудь пробовал vue-rx и vue-class-component юзать? Дает ли эта сложность реальный профит? Или получится нечто напоминающее а2-а4 но более баганутое?

А в качестве БД для вью лучше firebase использовать? Или чо как вообще

Выбор БД зависит от фреймворка?

Выбор БД зависит от фреймворка?

> Или чо как вообще Первый раз работаю с фреймворками, не знаю что да как

Первый способ, который приходит в голову - выбирать БД независимо и конвертить данные руками из формата БД в формат фреймворка и обратно

А в качестве БД для вью лучше firebase использовать? Или чо как вообще

Бд выбирается в зависимости от требований.

Бд выбирается в зависимости от требований.

Проект для учебы, просто нужно где-то хранить данные

если для учебы и данные структурированы то бери максимально простую СУБД, которую загуглишь и сможешь понять

Проект для учебы, просто нужно где-то хранить данные

Так и храни локально

если не структурированы то выбирай NoSQL бд по принципу которую я описал выше

Какие данные? Сколько? Как с ними работать надо? Будет ли выделенный сервер? И ещё несколько десятков вопросов которые ты должен себе задать