Параметры функции VueJS

259

01 февраля 2018, 20:25

Подскажите, есть такая функция которая вызывается в VueJS следующим образом событие myEvent возвращает результат (result) при вызове:

<tag @myEvent="myFunction"></tag>

метод:

myFunction(arg){
    console.log(arguments) //result
}

как нибудь можно в myFunction передать дополнительные параметры примерно так:

<tag @myEvent="myFunction(arg)"></tag>
    myFunction(){
    console.log(arguments) //arg ----- как здесь получить result?
}

Answer 1

В inline-обработчиках доступен объект $event. Его можно передать в функцию вместе с дополнительными параметрами:

<button @click="method($event, параметр)">Кнопка</button>
...
method(event, parameter) {
    console.log(event);
    console.log(parameter);
}

Сниппет:

new Vue({ 
  el: '#app', 
  methods: { 
    method(event, parameter) { 
      console.log(event.target); 
      console.log(parameter); 
    } 
  } 
})

<script src="https://cdn.jsdelivr.net/npm/vue"></script> 
<div id="app"> 
  <button @click="method($event, 77)">Кнопка</button> 
</div>

Создание интернет-магазина игрушек в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

зациклить то что у меня уже есть? [требует правки]

Нужно зациклить создания массива состоявшейся из суммы двух соседних элементов до того момента когда длина массива не стане равна 1

214

javascript

merge sort / сортировка слиянием

Здравствуйте! Пытаюсь реализовать сортировку слияниемОбщий принцип довольно понятен, но в процессе реализации возникли проблемы

267

javascript

Блок “Поделиться” пропали данные [требует правки]

Перешел с http на https и пропали данные блока "поделиться" как исправить?

227

javascript

Как сделать чат на Django + Channels + WebScockets

Здравствуйте, мне нужна помощь с созданием чатаИспользую Channels для обработки WebSockets

336