города подгружаются в начале

вот этого: data: this.getRightCities не нужно

что там должно быть?

вынеси в отдельное вычислимое свойство

что там должно быть?

ничего там не нужно вы создали cpumputed свойство getRightCities

оно может отображаться в шаблоне

там цикл наверное

только название надо сменить, это не функция, на rightCities ну так, для порядка

цикл тут не нужен имхо

как тогда динамически вывести поля?

не понял

цикл тут не нужен имхо

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

можно на компоненты разбить и внутри компонента уже решить это

... если нужно с минимумом изменений (не делать компоненты) думаю, можно так попробовать: - заготовить computed свойства для разных вариантов инпутов - в зависимости от типа инпута выводить нужный инпут со своим привязанным источником данных (фильтрованый computed например) (в вопросе был select кажется) а так, да компоненты для разных случаев. все равно это придется сделать

можно еще все селекты в вычислимые засунуть

тогда сделайте watch и непосредственно в объект из data вставляете нужный массив

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

Я могу watch на данные из props повесить? Спрашиваю т к он не реагирует

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

vue.set есть

да, конечно

vue.set есть

мы плавно вышли к вопросу о архитектуре вашего приложения ) если есть мысли о vue.set значит что-то неправильно спроектировано

watch не смотрит в обьект?) Просто у меня изменяются свойства обьекта,а не сам обьект

watch смотрит на свойства непосредственно из data и props

watch не смотрит в обьект?) Просто у меня изменяются свойства обьекта,а не сам обьект

поэтому вам посоветовали выше смотреть в сторону компонентов

watch не смотрит в обьект?) Просто у меня изменяются свойства обьекта,а не сам обьект

можно выставить свойство deep у watch, тогда он будет следить за свойствами

можно выставить свойство deep у watch, тогда он будет следить за свойствами

Спасибо)

можно выставить свойство deep у watch, тогда он будет следить за свойствами

+ но computed специально созданы, что бы избегать watch

Не делай так

watch не смотрит в обьект?) Просто у меня изменяются свойства обьекта,а не сам обьект

я имел ввиду, watch ловит изменение параметра поиска (например выбор страны), вы это изменение поймаете, и вставите новый массив с городами, но т.к. это свойство объекта data, а не сам объект из data, реактивность не увидит изменения и select не будет перерисован поэтому, для таких инпутов - свои computed свойства

мне просто нужно вставить данные из computed в data -> selects.cities.data ) А из computed я давно получаю массив городов

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

как с индексированием поисковиками vue приложений?

как с индексированием поисковиками vue приложений?

если настроен SSR — то всё отлично

если настроен SSR — то всё отлично

если нет?

если нет?

то нет

Привет. 2 вопроса 1. Еслть ли такой же чатик как у нас только ангулярщиков? 2. Кто как собирает svg спрайты?

https://t.me/angular_js

то нет

насколько нет? :)

https://t.me/angular_js

спасибо

насколько нет? :)

<div id="app"> </div> настолько

как с индексированием поисковиками vue приложений?

https://habr.com/company/renderjs/blog/327612/

Привет. 2 вопроса 1. Еслть ли такой же чатик как у нас только ангулярщиков? 2. Кто как собирает svg спрайты?

svg спрайтами? первый раз о таком слышу и это ж неудобно. можно юзать data-uri http://lesscss.org/functions/#misc-functions-data-uri

Привет. 2 вопроса 1. Еслть ли такой же чатик как у нас только ангулярщиков? 2. Кто как собирает svg спрайты?

Мы лоадером вебпака собираем

Всем добра! вопрос такой есть vue page, внутри которой я хочу дергать экшен который лежит в модуле со включенным namespace=true, куда мне его сунуть, что бы дергать только один раз или по смене роута, ибо в mounted отрабатывает только тогда когда страница открыта и я обновляю страницу :( Еще такой вопрос если у меня эекшен лежит в модуле я должен его дергать через mapActions или достаточно this.$store.dispatch('pages/get'); ?

Мы лоадером вебпака собираем

Спасиб, покурю

т.е. вы прописываете фильтр в computed, при любом изменении переменных в data/props computed пересчитает свои значения не забывайте, это относится только к реактивным данным. например прямое изменение в элементах массива не отслеживается

А как сделать, чтобы отслеживалось? Мне хотелось бы массив однотипных объектов смотреть и выводить тот, у которого selected = true

Реакт, конечно, но суть не меняется

Реакт, конечно, но суть не меняется

ага, спасибо. Так понятней

исчоп

Когда в твою честь сделали стикер

поясните за исчоп, я, кажется, пропускаю смешные штуки

Ну это мой личный маркер которым я обозначаю когда ответил на вопрос какой-то

Типа "ещё б". Потом когда стикерпак пилили его туда впилили

Вью с реактом кстати ворвались в топ 5 гитхаба

И скоро будут в топ 3

ERROR: S client not available

в мою тоже

А как сделать, чтобы отслеживалось? Мне хотелось бы массив однотипных объектов смотреть и выводить тот, у которого selected = true

1. создавать новый массив с измененными елементами 2. изменять нужные элементы через splice 1 - как ни странно лучше, методы массива оборачиваются для реактивности, но они могут приводить к большему оверхеду, чем создание нового массива

в мою тоже

разве не я это написал?

еще из моего

разве не я это написал?

я

ет тоже я предложил

1. создавать новый массив с измененными елементами 2. изменять нужные элементы через splice 1 - как ни странно лучше, методы массива оборачиваются для реактивности, но они могут приводить к большему оверхеду, чем создание нового массива

То есть я могу просто создать заново массив с одним изменённым элементом, у которого ставлю selected = true и computed , в котором filter where selected заработает?

если вы делаете computed, он должен возвращать новый массив при каждом изменении свойств из data или props

Привет. 2 вопроса 1. Еслть ли такой же чатик как у нас только ангулярщиков? 2. Кто как собирает svg спрайты?

https://t.me/angular_ru

То есть я могу просто создать заново массив с одним изменённым элементом, у которого ставлю selected = true и computed , в котором filter where selected заработает?

selected=true но ведь возможно всем другим нужно ставить selected=false и т.п. зависит от логики вашего приложения

Всем добра! вопрос такой есть vue page, внутри которой я хочу дергать экшен который лежит в модуле со включенным namespace=true, куда мне его сунуть, что бы дергать только один раз или по смене роута, ибо в mounted отрабатывает только тогда когда страница открыта и я обновляю страницу :( Еще такой вопрос если у меня эекшен лежит в модуле я должен его дергать через mapActions или достаточно this.$store.dispatch('pages/get'); ?

Если нужно дёргать на каждой странице - юзай в роутере на прелоаде или после загрузки каждой страницы. Алсо, есть не только mounted. Любое действие можно произвести в самом компоненте по beforeCreated, created, beforeMounted например. Там и после маунта есть несколько хуков жизненного цикла компонента. Например при апдейте.

selected=true но ведь возможно всем другим нужно ставить selected=false и т.п. зависит от логики вашего приложения

Если просто, то click ставлю всем selected=false и кликнутому true. В computed мне нужно возвращать тот, который selected = true. Вчера помучался и не смог реализовать

https://t.me/angular_ru

Саняяяя :D

Саняяяя :D

Да, это я )) ?

Саня, ты в порядке, ты в порядке, Саняя?

Если просто, то click ставлю всем selected=false и кликнутому true. В computed мне нужно возвращать тот, который selected = true. Вчера помучался и не смог реализовать

тогда, наверное, без computed (оно реагирует на изменение data/props и что—то делает, у вас такой переменной нет) в обработчике click создаете новый массив, изменяете в нем нужные элементы и присваиваете этот массив переменной в data

Если нужно дёргать на каждой странице - юзай в роутере на прелоаде или после загрузки каждой страницы. Алсо, есть не только mounted. Любое действие можно произвести в самом компоненте по beforeCreated, created, beforeMounted например. Там и после маунта есть несколько хуков жизненного цикла компонента. Например при апдейте.

Проблема в том что если екшен вызывается, то почему то компонент не обновляется :( computed: { ...mapState({ items: (state:IPagesState) => state.items }) },

и собственно сам модуль const state: Module<IPagesState, any> = { namespaced: true, state: { items: [] }, mutations: { set(state, payload) { Object.assign(state.items, payload); } }, actions: { get({ commit }) { API.getPages().then(data => { commit("set", data); }); } } };

тогда, наверное, без computed (оно реагирует на изменение data/props и что—то делает, у вас такой переменной нет) в обработчике click создаете новый массив, изменяете в нем нужные элементы и присваиваете этот массив переменной в data

Ага, понял, попробую. Спасибо большое

Всем привет, люди добрые, поможите пожалуйста, как получать данные с сервера во вьюикс вперед всего?? const store = new Vuex.Store({ state:{ access:{} }, getters: { getAccess:(state)=>{ return state.access } }, actions: { async getAccess({commit}){ await axios.get('/access') .then(response=>{ commit('getAccess',response.data.access) }) .catch(error=>{ state.access = null; this.getAccess(); }); }, }, mutations:{ async getAccess(state,payload){ state.access = payload console.log(state.access) } }, }); window._ = require('lodash'); const app = new Vue({ el: '#app', store, created () { this.$store.dispatch('getAccess') } });

Проблема в том что если екшен вызывается, то почему то компонент не обновляется :( computed: { ...mapState({ items: (state:IPagesState) => state.items }) },

Извини за сомнения, но ты уверен, что компонент ко времени вызова экшена уже существует, чтобы было что обновлять?) Просто в скинутом коде я не вижу очевидных проблем.

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

Народ, как в Element UI контролу select задать ширину по выбранному тексту?

Извини за сомнения, но ты уверен, что компонент ко времени вызова экшена уже существует, чтобы было что обновлять?) Просто в скинутом коде я не вижу очевидных проблем.

не особо, все что я сделал добавил роут и подключил к нему компонент { path: "/pages", name: "pages", component: Pages, children: [ { path: "/pages/:id", component: Page } ] },

посоветуйте datepicker с поддержкой range

посоветуйте datepicker с поддержкой range

https://vuetifyjs.com

Всем привет, люди добрые, поможите пожалуйста, как получать данные с сервера во вьюикс вперед всего?? const store = new Vuex.Store({ state:{ access:{} }, getters: { getAccess:(state)=>{ return state.access } }, actions: { async getAccess({commit}){ await axios.get('/access') .then(response=>{ commit('getAccess',response.data.access) }) .catch(error=>{ state.access = null; this.getAccess(); }); }, }, mutations:{ async getAccess(state,payload){ state.access = payload console.log(state.access) } }, }); window._ = require('lodash'); const app = new Vue({ el: '#app', store, created () { this.$store.dispatch('getAccess') } });

await then? смешались в кучу кони, люди..

await then? смешались в кучу кони, люди..

можно подробнее, мне простительно, я не фронт)))

можно подробнее, мне простительно, я не фронт)))

не простительно, aсинки никоим образом с фронтом не коррелируют