Задать вопрос
spacenear
@spacenear
React Web Developer
vue

Как передать параметр в функцию props во VUE?

Есть такой код
<button-ui :classes="['details-button', 'secondary']" title="Описание"
				           :click-handler="openModal"></button-ui>

функция openModal определена в компоненте VUE 
const app = new Vue({
	el: '#app',
	store,
	methods: {
		openModal(value) {
			console.log(value);
		}
	},
});


Как мне передать какой то параметр со строкой, что бы он вывелся в console.log в данном примере?
По идее я думал как то так - но это не работает
<button-ui :classes="['details-button', 'secondary']" title="Описание"
				           :click-handler="openModal('test')"></button-ui>
  • Вопрос задан
  • 460 просмотров
Комментировать
Подписаться 2 Средний Комментировать
Решения вопроса 1
spacenear
@spacenear Автор вопроса
React Web Developer
Придумал решение сам - можно соседним props передать массив аргументов и внутри компонента уже оператором спрэд развернуть их в аргументы функции.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@dGololobov
начинающий
Попробуйте так: 
<button-ui :classes="['details-button', 'secondary']" title="Описание"
                   @click="openModal('test')"></button-ui>
Ответ написан
1 комментарий
1 комментарий
@katyamishha
Front-end junior
Не знаю, у меня даже в таком ключе все выводит в консоль
<body>
  <div id="app">
    {{ message}}
    <button-ui :classes="['details-button', 'secondary']" title="Описание" :click-handler="openModal('test')">
    </button-ui>
  </div>
  <script>
    Vue.component('button-ui', {
      data: function () {
        return {
          count: 0
        }
      },
      template: '<button>жми</button>'
    })
    new Vue({
      el: "#app",
      data: {
        message: 'You loaded this page on ' + new Date().toLocaleString()
      },
      methods: {
        openModal(value) {
          console.log(value);
        }
      }
    })

  </script>
</body>
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик VUE (Senior, Middle+)
SOFT DIVISION • Ярославль
от 150 000 до 300 000 ₽
Второй ведущий разработчик (Fullstack, PHP, Laravel, Vue, Mysql)
Donatov.net
от 100 000 до 300 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработчик вебхуков амосрм
10 мая 2024, в 11:47
500 руб./за проект
Скрипт для сети Solana
10 мая 2024, в 11:36
30000 руб./за проект
Проконсультировать по Java Selenium
10 мая 2024, в 11:27
1000 руб./за проект
Ещё заказы