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

219
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>

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

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

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

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

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

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

233
Блок &ldquo;Поделиться&rdquo; пропали данные [требует правки]

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

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

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

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

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

290