ку. у меня есть несколько input type="file". на @change="do" я хочу кроме оригинального эвента посылать индекс. как сделать? @change="do(index)" выпиливает оригинальное событие

ку. у меня есть несколько input type="file". на @change="do" я хочу кроме оригинального эвента посылать индекс. как сделать? @change="do(index)" выпиливает оригинальное событие

$event, index

)))

$event, index

блин, так и знал ))) спасибо )

мне просто нужна индексация и изоморфность для моих vue приложений, и я совсем не хочу тратить время на то чтобы разбираться как там сделать ssr

я до сих пор не столкнулся ни с одним ограничением, что я делаю не так?

кроме того. когда я затаскиваю кого то в команду. я просто говорю - это работает на NUXT. оно УЖЕ все описано

А вы продолжайте ограничивать себя в возможностях )

это не нападки на вас ни в коем случае. просто мое видение, как специалиста с SEO бэкграудом

v-for="image in obj.images" при изменении массива obj.images не перерисовывается страница. что я не так делаю? уже ночь, голова не варит. догадываюсь, что вью не видит этот массив в реактивном стиле

нашёл, кажется

я к массиву в коде обращаюсь таким образом array[index] = value

а вью такого не понимает )

цитатка: Из-за ограничений JavaScript, Vue не способен заметить следующие изменения в массиве: Прямую установку элемента по индексу, например: vm.items[indexOfItem] = newValue

вот тебе набор джентельмена

оттуда и сцитировал )

от балды зашел в чат

с:

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

цитатка: Из-за ограничений JavaScript, Vue не способен заметить следующие изменения в массиве: Прямую установку элемента по индексу, например: vm.items[indexOfItem] = newValue

Жди 3 вью. Прокси будут и ограничений этих не будет

Жди 3 вью. Прокси будут и ограничений этих не будет

? вот д

Жди 3 вью. Прокси будут и ограничений этих не будет

а когда обещают?

а когда обещают?

Не помню.

Мб после лета

пришлось заюзать Vue.set(...) чтобы не шаманить со сплайсами и длиной

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

чистым джсом через pageYOffset

пришлось заюзать Vue.set(...) чтобы не шаманить со сплайсами и длиной

ну так да, тут так и нужно как раз

и лиснерами

чистым джсом через pageYOffset

можно, но чтобы не писать ничего и не высчитывать :)

вообще нашел уже https://github.com/Akryum/vue-observe-visibility

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

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

IntersectionObserver?

IntersectionObserver?

да

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

+

Чат, а юзал кто Leaflet вместе с Vue? Как вы импортили стили и сам L?

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

могу ещё пример на реакте скинуть

могу ещё пример на реакте скинуть

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

эвона чо https://medium.com/@codetheorist/using-vuejs-computed-properties-for-dynamic-module-imports-2046743afcaf

@heymaxim - это?

А нюхт компоненты уи содержит или надо ещё что-то добавлять типа element ui?

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

Подскажите как "пробросить" свойство в функцию в методе? Т.е. есть в data есть массив Users с объектами User и есть метод showUsers который, например, использует forEach для обхода и показа пользователей в массиве. Как обратиться к Users.user? Пробрасывать через window.users и внутри функции использовать глобально как то не очень выглядит

Подскажите как "пробросить" свойство в функцию в методе? Т.е. есть в data есть массив Users с объектами User и есть метод showUsers который, например, использует forEach для обхода и показа пользователей в массиве. Как обратиться к Users.user? Пробрасывать через window.users и внутри функции использовать глобально как то не очень выглядит

Вы это все в рамках одной компоненты?

да

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

вообще, из метода вам доступны все объявленные свойства в data через контекст (this.имя_свойства). Главное, чтобы это свойство было объявлено изначально

а какая разница по какому событию? Главное получить из функции внутри метода "внейшний" по отношению к ней объект. this то указывает на функцию-обходчик

нет в forEach мы потеряем контекст

forEach чего? users?

да

это для примера

нет в forEach мы потеряем контекст

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

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

и по индексу тянуть потом из массива объект

вообще, конечно, код поможет понять что к чему

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

конечно поможет. НАпример, я так понял, что users вы отображаете в компоненте v-for'ом. Тогда, вызывайте нужжный вам метод, передав туда индекс Юзера. В самом методе по индексу массива вытащите элемент массива юзеров .

блин, лямбдой можно воспользоваться же, точно)

да там просто можно return array[index].userName

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

Сорри, я думал что вы топикстартер )))

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

благодарю

да смысл такой чтобы суть была понятна:

смысл сути стала ясна ))

допустим у есть uses и есть status в data() в методе this.users.sort(function(a,b){и вот тут мы хотим обратиться к status, а this.status дает undefined, что логично

ну в общем, надо отдыхать чаще)

допустим у есть uses и есть status в data() в методе this.users.sort(function(a,b){и вот тут мы хотим обратиться к status, а this.status дает undefined, что логично

меня тут ругали за this|self, но это как по мне, вносит больше ясности. Что мешает в начале метода создать ссылки на реактивные данные, а потом юзать их сколько влезет? let {users, status} = this И для навигации в ИДЕ это прелесть.

да ничего, я лично и не считаю это прям плохим решением. Просто без них код чище, стараюсь не использовать все без чего можно обойтись

да ничего, я лично и не считаю это прям плохим решением. Просто без них код чище, стараюсь не использовать все без чего можно обойтись

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

и двойная работа?)

)) Можно подумать, что вы её так часто избегаете (я про двойную работу) Двойная работа в жини программиста сплошь и рядом

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

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

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

+ идеально )

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

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

Мне кажется, что рефакторинг в любом проекте неизбежен. И хорошо, если есть договоренность в команде, как вести кот.

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

Кот - это важное.

шредингера)

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

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

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

Должен, но не надо забывать ему об этом напоминать)

Эни - илибой )

это вы в пропсах?

Да

Как я понял просто не указывать тип?

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

а если проект был начат раньше, то там более

field: null - и будет вам любой тип

??

@heymaxim - это?

Не совсем. Там надо заимпортить стили лифлета и после них сам лифлет. Я заимпортил стили ссылкой в main.js и подрубил import L from 'leaflet' в разделе <script> самого компонента, где инициализируется карта. Метод повесил на mounted() { this.$nextTick(function () { const mymap = L.map('map').setView([51.505, -0.09], 13); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="http://mapbox.com">Mapbox</a>', id: 'mapbox.streets' }).addTo(mymap); }); },

Не совсем. Там надо заимпортить стили лифлета и после них сам лифлет. Я заимпортил стили ссылкой в main.js и подрубил import L from 'leaflet' в разделе <script> самого компонента, где инициализируется карта. Метод повесил на mounted() { this.$nextTick(function () { const mymap = L.map('map').setView([51.505, -0.09], 13); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { maxZoom: 18, attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="http://mapbox.com">Mapbox</a>', id: 'mapbox.streets' }).addTo(mymap); }); },

а дальше что необходимо?

а дальше что необходимо?

Да все, карта должна отрисоваться базовая. А она пишет, что L is not defined т.е. не видит лифлет все равно