сек

но state.markers = marker, так же должно же работать

methods: { mapRclicked(mouseArgs) { let _self = this; const createdMarker = this.addMarker(); createdMarker.position.lat = mouseArgs.latLng.lat(); createdMarker.position.lng = mouseArgs.latLng.lng(); //Add marker values to Store // this.$store.commit('addMarkers', this.markers); console.log(this.markers) }, addMarker: function addMarker() { this.lastId++; this.markers.push({ id: this.lastId, position: { lat: 48.8538302, lng: 2.2982161 }, opacity: 1, draggable: true, enabled: true, clicked: 0, rightClicked: 0, dragended: 0, ifw: true, ifw2text: 'This text is bad please change me :( ' }); return this.markers[this.markers.length - 1]; }, },

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

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

Нет

Беру маркеры из компонента и кидаю в стор

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

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

хм...

варианты?

пока в голову ничего не приходит

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

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

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

копировать массив прежде чем передать его в стор

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

` 1.state.markers = [...markers] 2. state.markers = [].concat(markers) 3. state.markers = JSON.parse(JSON.stringify(markers)) 4. state.markers = lodash.deepcopy(markers)

решил следать через стор

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

ты мне не обьяснил, для чего именно тебе нужна локальная копия?

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

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

не совсем, сразу при создании

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

и из стора получать?

логично...

спать....

кстати...

lodash не юзаю, но нету там deepcopy вроде

https://lodash.com/docs/4.17.4#cloneDeep

без разницы, контекст то понять можно

https://www.npmjs.com/package/nanoclone ну или так

привет всем, использую переводы по принципу Vue.prototype.trans = (string, args) => { let value = _.get(window.i18n, string); _.eachRight(args, (paramVal, paramKey) => { value = _.replace(value, :${paramKey}, paramVal); }); return value; }; и потом в шаблонах {{ trans('something') }} и в биндах напр. v-bind:placeholder="trans('something')" Но в скриптах this.buttonAction = trans('something'); всё рушит. помогите, пожалуйста

привет всем, использую переводы по принципу Vue.prototype.trans = (string, args) => { let value = _.get(window.i18n, string); _.eachRight(args, (paramVal, paramKey) => { value = _.replace(value, :${paramKey}, paramVal); }); return value; }; и потом в шаблонах {{ trans('something') }} и в биндах напр. v-bind:placeholder="trans('something')" Но в скриптах this.buttonAction = trans('something'); всё рушит. помогите, пожалуйста

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

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

подскажи, плиз, какие кавычки)

Залей на gist или еще куда, чтоб людям было проще смотреть на код

поправил

привет всем, использую переводы по принципу Vue.prototype.trans = (string, args) => { let value = _.get(window.i18n, string); _.eachRight(args, (paramVal, paramKey) => { value = _.replace(value, :${paramKey}, paramVal); }); return value; }; и потом в шаблонах {{ trans('something') }} и в биндах напр. v-bind:placeholder="trans('something')" Но в скриптах this.buttonAction = trans('something'); всё рушит. помогите, пожалуйста

wtf?

this.trans('something')

если ты в прототип записал

если ты в прототип записал

ты меня уже, наверное, за дебила держишь))

давно отметку выставил

😅

подскажи, плиз, какие кавычки)

` - вот такие (ставишь вот таких по три перед и после кода)

И получается: let foo = 'foo'; const bar = { foo };

подскажи, плиз, какие кавычки)

https://core.telegram.org/bots/api#markdown-style

Привет, подскажите такой момент - сделал приложение, vue-router использую, вебпак нормально все собирает, файлы под роуты типа 1.js 2.js создает, но в браузере ругается Error: Loading chunk 3 failed. потому что ищет эти файлы не в той папке, где они созданы, а в корне. Что где поменять?

помог output: {publicPath: '...'} в вебпак конфиге

Народ поделитесь кто как делает SSR если backend php

ssr что такое?

backend делаю на Yii2 REST API

ssr что такое?

это когда рендеришь фронтенд на сервере

Скорее всего, проблема в каком-то пакете, который ты импоришь

Да, склоняюсь к этому. В логах накопал что это resize detector. Буду искать, что за зависимость и откуда ноги растут. Нашёл ещё, что uglifyjs не работает с es6 синтаксисом, но пока перегонка в es5 через Бабель не помогла. Есть ли аналоги uglify и можете посоветовать способы уменьшения бандла?

не, таким не занимаюсь

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

this.$store.dispatch('getToken'); // запрос токена this.token = this.$store.getters.token; // получение его в компонент this.getUserInfo(); // запрос данных с токеном

async await ?

dispatch().then( // your code )

Да, склоняюсь к этому. В логах накопал что это resize detector. Буду искать, что за зависимость и откуда ноги растут. Нашёл ещё, что uglifyjs не работает с es6 синтаксисом, но пока перегонка в es5 через Бабель не помогла. Есть ли аналоги uglify и можете посоветовать способы уменьшения бандла?

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

Пакет который это делает, я написал выше. Пока не точно, но думаю, это пакет из обертки над google map api. В целом я только буду рад переписать компонент на чистый api, обертка не понравилась. Но тоже, странно, поддержка es6 хорошая, нафига мне этот транспайлер и почему не завести es6 в uglify не понятно

Поэтому на будущее хочу найти замену

Да, склоняюсь к этому. В логах накопал что это resize detector. Буду искать, что за зависимость и откуда ноги растут. Нашёл ещё, что uglifyjs не работает с es6 синтаксисом, но пока перегонка в es5 через Бабель не помогла. Есть ли аналоги uglify и можете посоветовать способы уменьшения бандла?

Вебпак углифай поставь отдельно и сможет

Пакет который это делает, я написал выше. Пока не точно, но думаю, это пакет из обертки над google map api. В целом я только буду рад переписать компонент на чистый api, обертка не понравилась. Но тоже, странно, поддержка es6 хорошая, нафига мне этот транспайлер и почему не завести es6 в uglify не понятно

Если тебе бабель не нужен, тогда и проблем особо нет.

Спасибо. Попробую в понедельник завести отдельно uglify.

Если тебе бабель не нужен, тогда и проблем особо нет.

Ты имел ввиду наоборот? Мне надо же минифицировать js 😊

Ты имел ввиду наоборот? Мне надо же минифицировать js 😊

Выкидываешь углифай, и ставишь какой-нибудь бабилли

Выкидываешь углифай, и ставишь какой-нибудь бабилли

Устарел же

По другому называется

Главное что есть аналоги и вебпаковский файл открыт для настроек

В новой версии по дефолту 3й углифай будет.

dispatch().then( // your code )

благодарю) В доках даже есть пример, а я не дочитал до него)

Устарел же

Чертов фронтенд!

Устарел же

Вообще, я слышал, что углифай будет поддерживать es6

Вообще, я слышал, что углифай будет поддерживать es6

Уже поддерживает и я написал какой

Просто тот, что встроен в вебпак не обновленный

В 4м вебпаке все новое будет

В 4м вебпаке все новое будет

Меня только vue-cli смущает

Меня только vue-cli смущает

Я немного разобрался

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

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

Там 7й бабель

Там 7й бабель

Где?