Est-il possible de déclencher des événements à l'aide de Vue.js?

J'ai commencé à utiliser Vue.js et me retrouver en continu de tourner à jQuery pour les aider dans certaines situations. Plus récemment, j'ai tenté, en vain "déclencheur" (ou à imiter) d'un événement, comme un clic de flou ou de l'événement.

Je sais que dans jQuery, vous pouvez effectuer les opérations suivantes:

$('#my-selector').trigger('click');

Mais comment cela peut-il être réalisés à l'aide Vue.js? Je suis désireux de se déplacer loin de l'aide de jQuery autant que possible.

Prendre le ci-dessous à titre d'exemple:

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

Si j'étais à l'appel anotherRandomFunciton, je l'aime à imiter (ou déclencheur) ci-dessus cliquez sur l'événement. Cependant, j'ai cette tentative de l'événement (ou e dans l'exemple ci-dessus) n'est jamais passé à la fonction.

N'Vue.js avoir une méthode pour atteindre cet objectif?

  • Êtes-vous d'accord avec l'aide de la plaine du javascript?
  • J'imagine que oui, mais si c'est le cas, je peut tout aussi bien utiliser jQuery. Je viens si il peut y avoir une meilleure façon de le faire à l'aide de Vue.js
  • Avez-vous vérifier les méthodes d'instance? Vous êtes en mesure d'appeler les événements de là à écouter événements plus jQuery de la mode. vuejs.org/api/instance-methods.html
  • Vous essayez de simuler un clic d'événement, de sorte que le lien ne sera probablement pas aider non plus.
InformationsquelleAutor Nick Law | 2015-08-10