допер немного

типо делиться

жестка

я чет не знаю какие приложения можно делать на vue без api, кроме туду

помогите

спа без апи не делают в 99% случаев

ты где то повернул не туда

я чет не знаю какие приложения можно делать на vue без api, кроме туду

Можно чатик запилить)

К тому же насколько я знаю есть готовые сервисы с апи

я чет не знаю какие приложения можно делать на vue без api, кроме туду

Не очень понятна цель, это для обучения или..? Вообще если тебя смущает только отсутствие API, это поправимо: - можно использовать внешнее API - можно эмулировать API локально

Всем привет!

Ребят подскажите новичку где расшариваете свои приложухи чтоб показать кому либо? Есть ли удобные песочницы для этого?

хероку

это если бекенд нужен

surge.sh - если не нужен

Ага backend нужен, спасибо )

Кажись то что надо

Привет народ, подскажите с vuetify есть такой компонент Autocomplete вообщем проблема в том что если в списке нету нужно айтема нужно чтобы он туда добавился, можна как-то это реализовать? еще другими словами, если в это поле ввести данные которых нету во входном массиве то данные очищаются при смене фокуса, я хочу чтобы оставались и добавлялись во входной список

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

Привет народ, подскажите с vuetify есть такой компонент Autocomplete вообщем проблема в том что если в списке нету нужно айтема нужно чтобы он туда добавился, можна как-то это реализовать? еще другими словами, если в это поле ввести данные которых нету во входном массиве то данные очищаются при смене фокуса, я хочу чтобы оставались и добавлялись во входной список

Vuex? Или тогда бэк нужен

чё это такое, кто-нибудь знает, гуглил, инфы не нашел

Vuex? Или тогда бэк нужен

там список подгружается с апи прямо в компонент

метод апи для добавления айтема есть

вапрос в реализации на фронте

метод апи для добавления айтема есть

Не вижу проблемы , axios вам в помощь

Не вижу проблемы , axios вам в помощь

ты меня не понял бро

ты меня не понял бро

Сделай поле при сабмите которого идёт добавления айтема в список

Ищу наставника vue на проект (пишите в личку)

Сделай поле при сабмите которого идёт добавления айтема в список

вот я хочу реализовать это на Autocomplete поле но оно не позволяет вводить кастомные данные

Сделай поле при сабмите которого идёт добавления айтема в список

https://vuetifyjs.com/ru/components/autocompletes

вот я хочу реализовать это на Autocomplete поле но оно не позволяет вводить кастомные данные

ну либо я чего-то не знаю

не хочется городить 2 поля ввода для 1 значения...

не хочется городить 2 поля ввода для 1 значения...

Ок, для no-data попробуй задать вывод модального окна для добавления нового элемента, ну либо если ввели какую то бадягу то при нажатии на этот элемент он бы добавился в список

Есть приложение: data: { list: [], flag: false }, methods: { changeFlag() { this.flag = true; } } <div v-for="(element, key) in list"> <button @click="changeFlag()">Click</button> </div> <div v-if="flag"></div> почему когда я вызываю changeFlag() у меня перерендеривается блок с list ?

Убери «()»

Где @click

Неа. не работает

Есть приложение: data: { list: [], flag: false }, methods: { changeFlag() { this.flag = true; } } <div v-for="(element, key) in list"> <button @click="changeFlag()">Click</button> </div> <div v-if="flag"></div> почему когда я вызываю changeFlag() у меня перерендеривается блок с list ?

:key описывай

Нет

Так он разве не ререндерится из-за того что стейт меняется

я не понимаю почему он все ререндерит. он должен только конкретный if обработать

Нет

пробовал или просто не хочешь?

пробовал

https://status.github.com/messages

Что то с гитхабом

<div id="lalala"> <div v-for="(element, key) in list" :key="key"> <button @click="changeFlag">{{ getDate() }}</button> </div> <div v-if="flag">LALALA</div> </div> <script> let lalala = new Vue({ el: '#lalala', data: { list: ['lalala', 'lalala 2'], flag: false }, methods: { getDate() { return Date(); }, changeFlag() { this.flag = true; } } }); </script>

В общем. Оно не работает. Или я туплю или что то не так.

а getDate тебе зачем там? без него работает?

Нет. Это просто для наглядности

В общем. Оно не работает. Или я туплю или что то не так.

Что именно не работает. Кнопки отображаються

После того как я вызываю changeFlag они перерендериваются

why?

Почему return Date(); а не return new Date();

потому)

че за хрень

вы серьезно в этом проблему ищите?

ERROR: S client not available

После того как я вызываю changeFlag они перерендериваются

а с чего ты решил, что они перерендериваются?

я просто взял твой пример и накинул в песочницу

по девтулсу не вижу апдейта дома

А я вижу что у меня после того как я нажал на кнопку у меня в них новая дата.

методы не кешируются, они всегда будут выдавать новый результат.

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

твой метод getDate() это недетерминированная функция которая каждый раз возвращает новый результат

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

т.е. если мой темплейт зависит от методов он всегда будет перерендериваться? независимо от того что observable должен быть для list а не для всего стейта приложения?

ну точней если твои методы всегда будут возвращать новый результат

твой темплейт это функция которая возвращает виртуал дом, потом он сравнивается с оригинальным домом и вью точечно обновляет новые места

ауч. понял. буду думать.

в реакте та же самая тема

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

для оптимизации используют filter или compute

они кешируют результат

Ребя, такой вопрос. Есть аккордеон, соответственно цикл для вывода его элементов. Раскрытый елемент отображается через v-if, в зависимости какой индекс массива элементов аккордеона активен. Соответственно есть метод, который скроллит к этому элементу по клику на шапку в аккордеоне. Так вот. Кликаешь, значение индекса записывается в переменную, запускаю скролл к этому элементу. И скроллится в лучшем случае в топ страницы. Поставил на таймер, оказалось браузеру надо дать время на отрисовку элемента. Это нормальная ситуация, что по таймеру ждать элемент? Тут как бы от устройства будет зависеть это время.

Vue.nextTick наверняка поможет

Vue.nextTick наверняка поможет

спасибо

ну точней если твои методы всегда будут возвращать новый результат

Не совсем

Vue.nextTick наверняка поможет

Да, всё чётко ?

Не совсем

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

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

ну да, нужно какое-нить действие, чтоб вызвать перендер, не вижу ничего конфликтующего с твоим объяснением.

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

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

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

от которых зависит шаблон

Понял, я осёл