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>
  • Вопрос задан
  • 33 просмотра
Пригласить эксперта
Ответы на вопрос 1
parsek
@parsek Автор вопроса
Нашёл свою ошибку. Если функцию пытаюсь передать прямо в секции data, то не срабатывает. А если присваиваю из секции methods то всё работает нормально.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы