web-dev-qa-db-fra.com

Impossible de lier V-on: Cliquez sur Vuetify [Vue Warn]: Erreur dans le gestionnaire V-on: "TypeError: gestionnaire.apply n'est pas une fonction"

J'essaie de lier un événement de clic sur le sous-titre V-LIST-TLET-TILE VUETIFY https:///vuetifyjs.com/fr/comPonents/subheaders mais chaque fois que je clique sur l'option Une erreur apparaît.

vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"

found in

---> <VListTile>
       <VList>
         <VCard>
           <VApp>
             <Root>

J'ai essayé d'ajouter les méthodes de force (sans objet de passage) et cela fonctionne. Cela déclenche simplement quand il est transmis à un objet et rendu dynamiquement.

Voici un Codepen du bogue que j'ai rencontré.

Ce que je m'attends, c'est déclencher la méthode qui s'appelle sans déclencher une erreur

vue.jsvue-componentvuetify.js
4
Kevz

J'ai répondu au problème. Crédits à @jams Whiteley et @ kim # 5499 (qui a créé la solution Codepen).

Selon Kim et James, mes méthodes sont à l'intérieur de l'objet de données. Ils devraient être au même niveau.

Dans le CodePen Exemple que KIM a fourni, il a pris le nom de la fonction de mon objet de données et n'a laissé que le numéro (ID). En appelant la fonction sur l'événement @Click et en passant le numéro de la méthode.

[1]: https://codepen.io/kimsanka/pen/OeZLZy
0
Kevz