у меня в index.js для сборки модуля vuex указано namespaced: true

import state from './state' import mutations from './mutations' import getters from './getters' import actions from './actions' import plugins from './plugins' const settingsModule = { namespaced: true, state, mutations, getters, actions, plugins } export default settingsModule

А хотелось бы так же константой вызывать

methods: { ...mapActions('some/nested/module', [ CONST1, CONST2 ]) ?

methods: { ...mapActions('some/nested/module', [ CONST1, CONST2 ]) ?

+

methods: { ...mapActions('some/nested/module', [ CONST1, CONST2 ]) ?

Спасибо:)

Подскажите, как сделать атрибут стейта немутабльным во vuex.

Кейс такой: я строю врменной график. Есть слайдер, который позволяет перемещаться по осе X. Во время перемещения, график должен нормализоваться и заново отрисоваться. В стейте я храню два объекта с данными - один для рендеринга (который всегда менятеся), а второй для нормализации (он должен отсаваться неизменным) Однако второе не очень получается

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

Кейс такой: я строю врменной график. Есть слайдер, который позволяет перемещаться по осе X. Во время перемещения, график должен нормализоваться и заново отрисоваться. В стейте я храню два объекта с данными - один для рендеринга (который всегда менятеся), а второй для нормализации (он должен отсаваться неизменным) Однако второе не очень получается

1) Если данные неизменные, то не хранить их во Vuex. Использовать константы вместо этого 2) Object.freeze или для сложенных объектов: это же рекурсивно вниз по дереву объектов: https://www.npmjs.com/package/deep-freeze

черт неужели никому никогда не требовалась БД с nuxt.js?

черт неужели никому никогда не требовалась БД с nuxt.js?

@nuxtjs_ru

черт неужели никому никогда не требовалась БД с nuxt.js?

Какая бд? Там только запросы к серверу с бд должны быть

Смотри какой-нибудь изоморфик фетч

Какая бд? Там только запросы к серверу с бд должны быть

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

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

С накста на сервер

С накста на сервер

да так и сказал. Спасибо

я так микроблог накидывал, сервер и накс поднимал отдельно

1) Если данные неизменные, то не хранить их во Vuex. Использовать константы вместо этого 2) Object.freeze или для сложенных объектов: это же рекурсивно вниз по дереву объектов: https://www.npmjs.com/package/deep-freeze

спасибо!

1) Если данные неизменные, то не хранить их во Vuex. Использовать константы вместо этого 2) Object.freeze или для сложенных объектов: это же рекурсивно вниз по дереву объектов: https://www.npmjs.com/package/deep-freeze

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

Народ, привет, подскажите: пишу виджет-компонент и собираю дело вебпаком, использую для себя bootstrap4. Так вот вопрос в том, как собирать\писать так, что бы при вставке на сторонний сайт мои библиотеки и мой css не смешивался с чужим?

Народ, привет, подскажите: пишу виджет-компонент и собираю дело вебпаком, использую для себя bootstrap4. Так вот вопрос в том, как собирать\писать так, что бы при вставке на сторонний сайт мои библиотеки и мой css не смешивался с чужим?

использовать уникальный класс/id для виджета, чтобы css применялся исключительно на scope виджета

по поводу библиотек хз

использовать уникальный класс/id для виджета, чтобы css применялся исключительно на scope виджета

это про scoped стили, а вот если подключать сами либы - становится печально

да, с помощью scoped Только половину проблемы решил. Всё ровно спасибо!

Народ, привет, подскажите: пишу виджет-компонент и собираю дело вебпаком, использую для себя bootstrap4. Так вот вопрос в том, как собирать\писать так, что бы при вставке на сторонний сайт мои библиотеки и мой css не смешивался с чужим?

iframe

еще я параллельно заброшу вопрос собрал из двух своих костылеприложений одно с помощью конфига pages теперь вебпак ругается - его дев-сервер не может зарезолвить путь до main.ts (т.к. сейчас две папки под каждую из pages)

iframe

забыл про эту штуку)

Вопрос

Сейчас читаю статью https://medium.com/devschacht/react-is-not-the-new-jquery-5825b3269d2c

и там есть текст: "По факту они реализованы с использованием делегирования, таким образом React применяет один-единственный обработчик событий в корне приложения для обработки всех событий. "

Подскажите пожалуйста почему не получается сделать data асинхронным? Использую nuxt <template> <div> <h1>| {{ balance }} |</h1> </div> </template> <script> import axios from 'axios'; export default { async data () { let { data } = await axios.get(`/api/v1/getProfile?apikey=9de3488f1264591cf7aceda428c411de`) console.log(data.balance); return { balance: data.balance } } } </script> в консоли вижу баланс, на странице нет (

Вижу в консоли ошибку [Vue warn]: Property or method "balance" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

Я никогда не использовал React в проектах и стало интересно, выходит, что у реакта 1 eventlistener для всех евентов элементов внутри приложения ?

Подскажите пожалуйста почему не получается сделать data асинхронным? Использую nuxt <template> <div> <h1>| {{ balance }} |</h1> </div> </template> <script> import axios from 'axios'; export default { async data () { let { data } = await axios.get(`/api/v1/getProfile?apikey=9de3488f1264591cf7aceda428c411de`) console.log(data.balance); return { balance: data.balance } } } </script> в консоли вижу баланс, на странице нет (

У накста же там отдельный хук для получения данных - вроде asyncData

Подскажите пожалуйста почему не получается сделать data асинхронным? Использую nuxt <template> <div> <h1>| {{ balance }} |</h1> </div> </template> <script> import axios from 'axios'; export default { async data () { let { data } = await axios.get(`/api/v1/getProfile?apikey=9de3488f1264591cf7aceda428c411de`) console.log(data.balance); return { balance: data.balance } } } </script> в консоли вижу баланс, на странице нет (

дата не асинхронная, нужно тянуть данные в mounted или вообще вынести все это в vuex

еще я параллельно заброшу вопрос собрал из двух своих костылеприложений одно с помощью конфига pages теперь вебпак ругается - его дев-сервер не может зарезолвить путь до main.ts (т.к. сейчас две папки под каждую из pages)

себе сам отвечу: нужно в entry указать массив https://github.com/kitwon/vue-mpa/blob/master/template/build/webpack.base.conf.js

Народ, как сделать так, что бы во vue-router при переходах страница устанавливалась на начало? https://monosnap.com/file/ZTDNqs7wy7FF8Ifywbchg8ZL3p4agw Пытался сделать так, но что то не срабатывает

У накста же там отдельный хук для получения данных - вроде asyncData

Я беру это из документации Nuxt'а

У накста же там отдельный хук для получения данных - вроде asyncData

https://ru.nuxtjs.org/guide/async-data

У накста же там отдельный хук для получения данных - вроде asyncData

Спасибо Надо было использовтаь async asyncData () { Жаль что в доке это не написано

Написано же

а, ясно, в русской локали ошибка

Спасибо Надо было использовтаь async asyncData () { Жаль что в доке это не написано

Походу с переводом проблема https://nuxtjs.org/guide/async-data

Хз как так перевели ?

В наксте перевод для 0.12 вроде, можно на него не смотреть

билд на circle ci выбрасывает JavaScript heap out of memory. как оптимизировать не подскажите?

привет

Как при скролле менять содержимое блока ?

https://ru.vuejs.org/v2/cookbook/creating-custom-scroll-directives.html ну а дальше уже навешивать все, чего душа пожелает

А как убрать псевдо класс в методе?

Вот например btn:focus как убрать фокус?

Вот например btn:focus как убрать фокус?

Покажешь список кода?

Разбирается кто в фичах андроида (настройки виджетов) не подскажите телеграм группу?

как вы делаете закрытие попапов на странице по клику вне?

ERROR: S client not available

подстава в том, что вокруг много элементов с stopPropagation

завернуть попап в overlay на всю страницу?

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

гибридное решение элегантное есть? )

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

прост в проекте миллион всплывающих меню. и их надо закрывать ) а вокруг куча всего со stopPropagation (в том числе самое простое решение с закрытием попапов на этом основано)

приветствую) вопрос про эргономику) есть форма, среди прочего она содержит два виджета, первый из них - некий раскрывающийся список с выбором 1 из 4 возможных вариантов, вопрос про второй виджет - он должен давать возможность выбирать несколько значений, количество значений определяет выбор варианта в первом виджете, если в первом виджете выбран 1 пункт - то во втором виджете нужно выбрать 1 вариант, если в первом виджете выбран 2 пункт, то во втором виджете нужно выбрать 3 варианта, если в первом виджете выбран 3 пункт, то во втором виджете нужно выбрать 5 вариантов, если в первом виджете выбран 4 пункт, то во втором виджете нужно выбрать 7 вариантов. то есть второй виджет - это виджет выбора нескольких вариантов из ограниченного списка значений (примерно значений 10), выбираются только 1, 3, 5 или 7 вариантов, ни больше, ни меньше как бы лучше всего реализовать второй виджет, чтобы было удобнее всего?

как бы вы эту задачу на Vue решили? какие компоненты бы заюзали, как бы оно выглядело?

нужно знать подробности вариантов этих

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

1 3 5 7 - это разные, или просто дополняются по 2?

бгг ))

допустим, в первом списке, выбор SLA плана (Bronze (1 agent), Silver (3 agents), Gold (5 agents), Platinum (7 agents)) во втором списке надо выбрать эти самые 1/3/5/7 агентов из списка, в списке их 10

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

первый селект выдаёт значения 0 2 4 6 во втором виджете array.slice(0, valueFromFirstWidget)

некий список с уникальными значениями, нужно выбрать ровно 1, ровно 3, ровно 5 или ровно 7

честно говоря, вопрос больше про юзабилити)

допустим, в первом списке, выбор SLA плана (Bronze (1 agent), Silver (3 agents), Gold (5 agents), Platinum (7 agents)) во втором списке надо выбрать эти самые 1/3/5/7 агентов из списка, в списке их 10

а не, тогда не так )

как бы сделать второй виджет?

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

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

?

да, это получение реализовать я могу, без проблем

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

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

честно говоря, вопрос больше про юзабилити)

загугли что-то вроде "multiselect" и вдохновляйся картинками :)

серия из раскрывающихся списков, которые синхронизируются? multiselect? два списка и там кнопочки слева направо

выберите X: _________________ ———————— Y выбрано