Я только что начал использовать Vue.js и постоянно переключаюсь на jQuery, чтобы помочь в определенных ситуациях. Совсем недавно я пытался, безуспешно "запускать" (или эмулировать) событие, например, событие click или blur.
Я знаю, что в jQuery вы можете сделать следующее:
$('#my-selector').trigger('click');
Но как это может быть достигнуто с помощью Vue.js? Я хочу как можно больше отказаться от использования jQuery.
Приведем ниже пример:
<div id="my-scope">
<button type="button" v-on="click: myClickEvent">Click Me!</button>
</div>
<script>
new Vue({
el: "#my-scope",
data: {
foo: "Hello World"
},
methods: {
myClickEvent: function(e) {
console.log(e.targetVM);
alert(this.foo);
},
anotherRandomFunciton: function() {
this.myClickEvent();
}
}
});
</script>
Если бы мне пришлось вызвать anotherRandomFunciton, я бы хотел, чтобы он эмулировал (или запускал) вышеупомянутое событие click. Тем не менее, я пытаюсь это событие (или e в приведенном выше примере) никогда не передается функции.
У Vue.js есть метод для достижения этого?