Задать вопрос
parsek
@parsek

Как в Vue передать функцию для вызова в шаблоне?

У меня в проекте имеется модальное окно, котороt часто используется. Я хочу передавать в это окно массив кнопок, которые будут динамически формировать. Но вот ни как не могу передать функции, которые будут вызываться при нажатии на кнопки. Пробовал разные варианты и комбинации. Для теста и объяснения написал такое:
<button @click="func">+</button>
<button @click="func1()">+</button>
<button @click="func2.call()">+</button>
<button @click="func3.apply()">+</button>

<script type="text/javascript">
const App = {
	data: () => ({
		count: 0,
		func: "inc",
		func1: inc,
		func2: this.inc,
		func3: this.inc()
	}),
	methods: {
		inc() {
			this.count++;
		},
		dec() {
			this.count--;
		}
	}
}
</script>
  • Вопрос задан
  • 70 просмотров
Подписаться 1 Средний 2 комментария
Пригласить эксперта
Ответы на вопрос 1
parsek
@parsek Автор вопроса
Нашёл свою ошибку. Если функцию пытаюсь передать прямо в секции data, то не срабатывает. А если присваиваю из секции methods то всё работает нормально.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
18 янв. 2025, в 14:04
10000 руб./за проект
18 янв. 2025, в 13:29
6000 руб./за проект
18 янв. 2025, в 13:29
20000 руб./за проект