En passant de l'événement et de l'argument de v dans Vue.js

J'ai passer un paramètre dans v-on:input directives. Si je ne réussis pas, je peux accéder à l'événement dans la méthode. Est il possible que je peux toujours accéder à l'événement en passant le paramètre à la fonction. Non pas que je suis en utilisant la vue-routeur:

C'est sans passer le paramètre. Je peux accéder à l'objet de l'événement

HTML

<input type="number" v-on:input="addToCart" min="0" placeholder="0">

Javascript

  methods: {
    addToCart: function (event) {

      //I need to access the element by using event.target
      console.log('In addToCart')
      console.log(event.target)
    }
  }

C'est lors d'un passage de paramètre. Je ne peux pas accéder à l'objet de l'événement

HTML

<input type="number" v-on:input="addToCart(ticket.id)" min="0" placeholder="0">

Javascript

  methods: {
    addToCart: function (id) {

      //How can I access the element by using event
      console.log('In addToCart')
      console.log(id)
    }
  }

Voici quelques extrait du code, devrait être assez bonne pour reproduire le problème que je vais avoir

https://jsfiddle.net/lookman/vdhwkrmq/

InformationsquelleAutor geckob | 2016-12-04

vue.js

137

Si vous souhaitez accéder à l'événement de l'objet ainsi que les données transmises, vous devez passer event et ticket.id à la fois en tant que paramètres, comme suit:

HTML
```
<input type="number" v-on:input="addToCart($event, ticket.id)" min="0" placeholder="0">
```
Javascript
```
methods: {
  addToCart: function (event, id) {
    //use event here as well as id
    console.log('In addToCart')
    console.log(id)
  }
}
```
Voir le travail de violon: https://jsfiddle.net/nee5nszL/

Édité: cas avec vue-routeur

Dans le cas où vous êtes à l'aide de vue-routeur, vous pourriez avoir à utiliser $event dans votre v-on:input méthode comme suit:
```
<input type="number" v-on:input="addToCart($event, num)" min="0" placeholder="0">
```
Voici de travail violon.
- J'ai essayé, mais je reçois le message d'erreur Property or method "event" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option
- vous avez passé l'événement à partir de code HTML: v-on:input ?
- Oui. Je pense que c'est là que l'erreur vient de.
- Pas sûr que c'est lié ou pas, mais je suis en utilisant la vue-routeur et ce qui se passe dans l'un des partiels
- Afin d'éviter l'erreur, vous devez passer la spéciale $event variable à l'appel de la méthode v-on:input="addToCart($event, num)"
- Vous devriez passer $event, pas event
InformationsquelleAutor Saurabh
10

Vous pouvez aussi faire quelque chose comme ça...
```
<input @input="myHandler('foo', 'bar', ...arguments)">
```
Evan lui-même recommandé cette technique dans un post sur la Vue du forum. En général, certains événements peuvent émettre plus d'un argument. Aussi comme états de documentation variable interne $événement est destiné pour le passage de l'original d'événements DOM.
- jsfiddle.net/50wL7mdz/30115 Note de la propagation de la syntaxe du transpiled lors de l'utilisation *.vue des composants, mais pas si vous utilisez le navigateur de la compilation.
- il y a une différence entre "...les arguments" et "$event"?
InformationsquelleAutor xpuu

Vous devez vous connecter pour publier un commentaire.

Édité: cas avec vue-routeur