Как в метод передать событие(e) и какой-то свой параметр?

Question

danilr @danilr

Как в метод передать событие(e) и какой-то свой параметр?

В компоненте есть метод, туда надо вместо this.residentials подставлять соответствующие значения, которые я должен туда передать. Передается событие(нужное, убирать нельзя) и надо как-то мой массив пробросить, Но как это сделать?

onZoomEnd(e) {
			const { oldZoom } = this,
				newZoom = this.map.getZoom();

			const template =
				oldZoom > this.switchOnZoom && newZoom <= this.switchOnZoom
					? this.setMiniMarker
					: oldZoom <= this.switchOnZoom && newZoom > this.switchOnZoom
					? this.setZoomMarker
					: null;
			if (template) {
				Object.values(this.markers._layers).forEach((marker, i) => {
					marker._icon.innerHTML = template(this.residentials[i]);
				});
			}
		},

mounted() {
		this.markers = DG.featureGroup();
		this.popups = DG.featureGroup();

		this.map = DG.map("map", {
			center: [54.98, 82.89],
			zoom: 13,
			minZoom: 7,
			zoomControl: false,
			fullscreenControl: false
    });
    
      this.dataRequest.then(response => {
        this.setMarkers(this.residentials)
        console.log(this.residentials);
        
        this.map.on("zoomstart", this.onZoomStart);
		    this.map.on("zoomend", this.onZoomEnd);
        
			})
			.catch(error => console.log(error));

	},

Вопрос задан более трёх лет назад
85 просмотров

8 комментариев

Подписаться 1 Средний 8 комментариев

Алексей Ярков @yarkov Куратор тега JavaScript

И в чем проблема?

Написано более трёх лет назад
danilr @danilr Автор вопроса

Алексей Ярков, как это записывается?
вот так?onZoomEnd(e, array) {
а потом этот array используем в методе?
(так не работает, он думает теперь что е это тоже мой параметр)

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

danilr,
он думает теперь

Кто он?
что е это тоже мой параметр

А чей? Вы же написали код.

Блин, приведите код, где вызывается этот метод. Что из вас все вытягивать надо? =)

Написано более трёх лет назад
danilr @danilr Автор вопроса

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

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript
danilr, ну так а в чем проблема сделать так?
this.map.on("zoomend", (e) => this.onZoomEnd(e, МАССИВ));
Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

danilr, ну или не передавайте e, если не используете. В общем ваше дело ))

Написано более трёх лет назад

danilr @danilr Автор вопроса

Алексей Ярков, Я не знал как это сделать)
е - событие используется api 2гис, видимо, так как без него не работает. То есть мне надо вот так сделать( по непонятным причинам это работает, но я не понимаю почему) Можете разжевать?)

onZoomEnd(e, residentials) {
			const { oldZoom } = this,
				newZoom = this.map.getZoom();

			const template =
				oldZoom > this.switchOnZoom && newZoom <= this.switchOnZoom
					? this.setMiniMarker
					: oldZoom <= this.switchOnZoom && newZoom > this.switchOnZoom
					? this.setZoomMarker
					: null;
			if (template) {
				Object.values(this.markers._layers).forEach((marker, i) => {
					marker._icon.innerHTML = template(residentials[i]);
				});
			}
		},

this.map.on("zoomend", (e) => this.onZoomEnd(e, МАССИВ));

Написано более трёх лет назад

Алексей Ярков @yarkov Куратор тега JavaScript

danilr,
по непонятным причинам это работает

Не понимаю что вам не понятно ))
При возникновении события zoomend вызывается анонимная функция, в которой вызывается нужный метод. Все.
Внутри метода onZoomEnd если переменная e не используется, то можете выпилить, чтобы не было путаницы. Ну и отсюда тоже уберите: (e) => this.onZoomEnd(e, МАССИВ)

Написано более трёх лет назад

Решения вопроса 1

2 комментария

danilr @danilr Автор вопроса
Без е не работает( не понимаю как, но используется возможно апи 2гиса), а так спасибо, действительно не знал что можно такой хитрый ход проделать
this.map.on("zoomend", (e) => this.onZoomEnd(e, МАССИВ));
Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега JavaScript

danilr, пожалуйста )

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- 3 часа назад
- 43 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как при помощи js создать поле дополнительных ингридиентов?
- 1 подписчик
- 13 часов назад
- 66 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как в Next.js закешировать изображение без build?
- 1 подписчик
- 15 часов назад
- 31 просмотр
0

ответов
JavaScript

Простой
Как поставить лайк на все комментарии видео в тикток?
- 1 подписчик
- 22 часа назад
- 139 просмотров
2

ответа
JavaScript

Простой
Как нажать на все блоки с данным классом на странице с помощью JS?
- 1 подписчик
- 23 часа назад
- 99 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как повторить такую же анимацию?
- 2 подписчика
- вчера
- 297 просмотров
1

ответ
Node.js

+3 ещё

Средний
Как решить ошибку Nuxt 3: does not provide an export named execa?
- 1 подписчик
- вчера
- 35 просмотров
0

ответов
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- вчера
- 109 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- вчера
- 61 просмотр
1

ответ
Vue.js

Простой
Как выделять данные в столбце таблицы различными цветами?
- 1 подписчик
- вчера
- 164 просмотра
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Требуется Pure PhP + Symfony (Обязательно) разработчик для CRM/ERP

26 апр. 2024, в 14:07

3000 руб./в час

Спарсить каталог сайта

26 апр. 2024, в 14:06

15000 руб./за проект

Доработка бота на языке C++ (D) (достойная оплата труда)

26 апр. 2024, в 14:06

55555 руб./за проект

Алексей Ярков, как это записывается?
вот так?onZoomEnd(e, array) {
а потом этот array используем в методе?
(так не работает, он думает теперь что е это тоже мой параметр)
danilr,
он думает теперь

Кто он?
что е это тоже мой параметр

А чей? Вы же написали код.

Блин, приведите код, где вызывается этот метод. Что из вас все вытягивать надо? =)
Алексей Ярков, Добавил где с самого начала вызываю - в mounted - это создание карты и добавление события при зуме
danilr, ну так а в чем проблема сделать так?
this.map.on("zoomend", (e) => this.onZoomEnd(e, МАССИВ));
danilr, ну или не передавайте e, если не используете. В общем ваше дело ))
Алексей Ярков, Я не знал как это сделать)
е - событие используется api 2гис, видимо, так как без него не работает. То есть мне надо вот так сделать( по непонятным причинам это работает, но я не понимаю почему) Можете разжевать?)
onZoomEnd(e, residentials) { const { oldZoom } = this, newZoom = this.map.getZoom(); const template = oldZoom > this.switchOnZoom && newZoom <= this.switchOnZoom ? this.setMiniMarker : oldZoom <= this.switchOnZoom && newZoom > this.switchOnZoom ? this.setZoomMarker : null; if (template) { Object.values(this.markers._layers).forEach((marker, i) => { marker._icon.innerHTML = template(residentials[i]); }); } },

this.map.on("zoomend", (e) => this.onZoomEnd(e, МАССИВ));
danilr,
по непонятным причинам это работает

Не понимаю что вам не понятно ))
При возникновении события zoomend вызывается анонимная функция, в которой вызывается нужный метод. Все.
Внутри метода onZoomEnd если переменная e не используется, то можете выпилить, чтобы не было путаницы. Ну и отсюда тоже уберите: (e) => this.onZoomEnd(e, МАССИВ)

Answer 1 · 2019-04-16 10:45:35

Перенес из комментариев в ответы
-------------------------------------------
Вызываем метод так:

this.map.on("zoomend", () => this.onZoomEnd(МАССИВ));

И измененный код метода:

onZoomEnd(residentials) {
  const { oldZoom } = this,
    newZoom = this.map.getZoom();

  const template =
    oldZoom > this.switchOnZoom && newZoom <= this.switchOnZoom
      ? this.setMiniMarker
      : oldZoom <= this.switchOnZoom && newZoom > this.switchOnZoom
      ? this.setZoomMarker
      : null;
  if (template) {
    Object.values(this.markers._layers).forEach((marker, i) => {
      marker._icon.innerHTML = template(residentials[i]);
    });
  }
}

Как в метод передать событие(e) и какой-то свой параметр?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт