Ммм

Ну такое

На компоненты и контейнеры все равно разделение можно делать если хочется

ну вот Эван и решил вынести Vuex как контейнер :)

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

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

А ты к какому склоняешься?

Ещё ни к какому хочу что бы на более правильный направили)

Ещё ни к какому хочу что бы на более правильный направили)

Ну возьми сам потыкай. Потрать день, сделай анализ, выбери что тебе подходит под твои задачи

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

прям приложения через кордову или натив?

Что это??

а зачем так делать?

а зачем так делать?

а как лучше поступить? Если данные произвольные?

а как лучше поступить? Если данные произвольные?

Ты используешь vue-cli?

Ты используешь vue-cli?

конечно

конечно

А почему просто не использовать компоненты...?

А почему просто не использовать компоненты...?

Я уже тут обращался с проблемой, но так никто не подсказал в какую сторону копать. В общем я получаю пользовательские данные с сервера, в виде статьи с примитивной разметкой созданной редактором. В этой статье встречаются картинки, и если они идут друг за другом, их нужно оборачивать в карусель, в данном случае у меня за это отвечет slick (Carousel.vue). Что делаю я. Подготавливаю данные со статьёй, группирую картинки в обёртку, назначаю каждому уникальный id (их может быть несколько) и монтирую компонент, в него прокидываю уже картинки

Собственно всё работает, за исключением того, что через метод который отрабатывает внутри компонента не видит Stor

Я знаю что не правильно делаю, но не знаю в какую сторону смотреть

Я знаю что не правильно делаю, но не знаю в какую сторону смотреть

ну я бы сделал так - подготовил данные на сервере в виде массива [{ type: 'text', data: '...' }, { type: 'carousel', data: [{ /* картинки */ }] }] А потом, с помощью v-for и динамического <component>, создавал бы нужные компоненты

ну я бы сделал так - подготовил данные на сервере в виде массива [{ type: 'text', data: '...' }, { type: 'carousel', data: [{ /* картинки */ }] }] А потом, с помощью v-for и динамического <component>, создавал бы нужные компоненты

спасибо, появилась идея на основе этого решения

?

Всем привет. Подскажите плиз. Хочу реализовать штуку в SPA с разделенем пользователей по ролям. Грубо говоря должен быть админ, и обычные пользователи. Использовать firebase хочу. Пытался гуглить и яндексить, но ничего путного не нашел. Может слепой немного..

Ребята, как во Vue в цикле v-for, вылавливать одинаковые элементы массива и в результате отображать только один элемент с полем count равным значению совпадений.

Проще говоря, как реализовать добавление одинакового продукта в корзину в инент-магазине

V if

Подожди , тебе нужно дубли не оторвать ?

Не отображать

ответ сразу на 2 вопроса. до этого я додумался, дальше дело не идёт

Ребята, как во Vue в цикле v-for, вылавливать одинаковые элементы массива и в результате отображать только один элемент с полем count равным значению совпадений.

Очевидно, что делать это не в v-for, а в компьютед свойтсве

Ребята, как во Vue в цикле v-for, вылавливать одинаковые элементы массива и в результате отображать только один элемент с полем count равным значению совпадений.

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

Вообще лучше сделай computed , если сложная логика

Очевидно, что делать это не в v-for, а в компьютед свойтсве

+

А там уже знание js

Проще говоря, как реализовать добавление одинакового продукта в корзину в инент-магазине

а это не должно быть реализовано на уровне данных? чтобы в v-for сразу выводить массив объектов с названиями, ценой и count?

а это не должно быть реализовано на уровне данных? чтобы в v-for сразу выводить массив объектов с названиями, ценой и count?

+

всем спасибо! пойду пробовать

К слову об уникальности массива Set под бабелом норм работает?

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

В документации вроде есть

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

цикл + свойство для хранения какой из них активный, по содержимым табов тоже v-if

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

Спасибо мужики

дошел до компа : <component v-bind:is="activeTab"></component>

а ну вот https://ru.vuejs.org/v2/guide/components-dynamic-async.html

там как раз табы в примере

Спасибо Юрий

А подскажите это нормально, что во время v-leave-active появляется v-enter-active? Или сначала leave должен закончиться, а потом enter?

Как мне получить доступ к инпуту который в компоненте? <field title="Введите почту"></field>

гыгы наверно замый частый вопрос =)

создать событие на изменение и кидать его вверх а родителем слушать, запихнуть в vuex, юзать $parent( антипаттерн) , если еще не пофиксили закинуть пропсом обьект и менять одно из его свойств моделью (дикий антипаттерн мб даже уже пофиксили) , на вскидку так

тут ответ с примером https://stackoverflow.com/questions/40915436/vuejs-update-parent-data-from-child-component

создать событие на изменение и кидать его вверх а родителем слушать, запихнуть в vuex, юзать $parent( антипаттерн) , если еще не пофиксили закинуть пропсом обьект и менять одно из его свойств моделью (дикий антипаттерн мб даже уже пофиксили) , на вскидку так

Спасибо. А можно передать название переменной vuex в компонент типо такого? <field title="Введите почту" vuex="email"></field>

Спасибо. А можно передать название переменной vuex в компонент типо такого? <field title="Введите почту" vuex="email"></field>

mutation не?

ну пропсом можешь передать

ну пропсом можешь передать

а зачем вообще пропсом передавать, тут подход другой

либо используй пропсы, либо перестраивайся под Vuex

вроде того, в моунте компонента, сдеалай проверку на значения в Vuex

пропсы наверх не передадут

а перед вызовом компонента, измени Vuex

я имел ввиду что то типа computed: { value: { get () { return this.$store.state.obj[propsValue] }, set (value) { this.$store.commit('updateMessage', value) } } }

я имел ввиду что то типа computed: { value: { get () { return this.$store.state.obj[propsValue] }, set (value) { this.$store.commit('updateMessage', value) } } }

ну я выше это и написал

Понял. Попробую оба варинта. Спасибо)

Понял. Попробую оба варинта. Спасибо)

тут две крайности, либо пропсы, либо вуекс

обычно оба варианта редко встречается

обычно оба варианта редко встречается

ахах. а что тогда встречается?

используй вуекс

ок)

вот спорно

если приложуха небольшая нафиг нужен вьюкс

ну это если все решают десяток эммитов

если приложуха небольшая нафиг нужен вьюкс

если больше 3 компонентов, то моя практика подсказывает что лучше уже с Vuex, но это уже вкусовщина

а там где 3, появляется четверный и пятый

а там уже в пропсах становится сложно это все описывать

ну я и говорю что вопрос в сложности, лично я тоже стараюсь везде подрубать vuex но еслиб писал простую тудушку или подобное то без вьюкса

Проблема: нужно отрендерить таблицу но некоторые колонки нужно отображать только если у пользователя есть доступ. Вопрос: как обезопасить данные (и элементы управления)?

фильтровать на бэке данные

что бы на клиенте их вообще не было

фильтровать на бэке данные

Ок. Есть еще форма для редактирования - как ее обезопасить?

сформулируй конкретнее

Есть таблица и на этойже странице отображается форма для редактирования / добавления записей в этой таблице. Как ввести проверку - если пользователь имеет права, то отображать форму

сейчас просто прилетает список id пользователей которые имеют достаточные права и id текущего пользователя. ну а дальше arr.indexOf(currUserId) !== -1 :)

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

второе - бэк должен проверять

при сохранении изменений

серверная валидация твой главный рубеж

второе - бэк должен проверять

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

сейчас просто прилетает список id пользователей которые имеют достаточные права и id текущего пользователя. ну а дальше arr.indexOf(currUserId) !== -1 :)

не секьюрно

а если список огромный?

пусть будет отдельная апи ручка которая говорит какие права есть

а если список огромный?

максимум 30 элементов в массиве.

это сейчас)

а представь что приложенька будет расти и развиваться

плюс ты сразу палишь всех пользователей

одного из них могут увести