Можно ли запускать события, используя Vue.js?
Я только начал использоватьVue.js и я постоянно обращаюсь к jQuery, чтобы помочь в определенных ситуациях. Совсем недавно я попытался, безуспешно, «вызвать» (или эмулировать) событие, такое как событие нажатия или размытия.
Я знаю, в 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Я хотел бы, чтобы он эмулировал (или инициировал) указанное выше событие клика. Тем не менее, я пытаюсь это событие (илиe в приведенном выше примере) никогда не передается в функцию.
Есть ли у Vue.js метод для этого?