Comment appeler des méthodes dans vue

Ci-dessous, je partagerai avec vous un article sur la façon d'appeler des méthodes en externe dans Vue. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

1. Définissez d'abord un composant vue publique

var eventHub = new Vue();

2. Dans le composant actuel de l'événement, dans créé, utilisez $on pour passer au composant public eventHub et traduisez. est personnalisé, getCardNum(data) est une méthode à appeler en externe

eventHub.$on('translate', function (data) { 
        that.getCardNum(data); 
      });

3 Enfin, dans le composant parent, notez que le composant négatif doit être enregistré avec une variable, var vm = new Vue. ({} );

4. Définissez une méthode dans la méthode méthodes dans le composant parent et utilisez $emit dans la méthode pour recevoir la méthode dans le composant public ; 5. Enfin, c'est tout Appelez la fonction getCardNum(data) en dehors du composant vue ou en dehors du fichier. Par exemple, en html, vous pouvez l'appeler comme onclick = vm.getCardNum(); 🎜>6. Notez que le parent doit être Write vm.getCardNum() comme nom de variable du composant

var vm = new Vue({ 
 el: '#example', 
 data: { 
  msg: 'Hello Directive', 
  data: {} 
 }, 
 methods: { 
  getCardNum: function (data, on) { 
   eventHub.$emit('translate', data); 
  } 
 } 
});

Pendant le processus de développement avec vue, j'ai rencontré une page contextuelle en arrière-plan Java et j'ai voulu pour appeler la méthode dans mon composant vue, mais la page pop-up en arrière-plan n'est pas dans mon composant vue. Les méthodes dans vue que les autres pages veulent appeler ne peuvent être appelées que dans le composant parent. Cela a pris beaucoup de temps et j'ai finalement décidé de transmettre la méthode function() du composant à la couche supérieure. Dans le composant parent, enregistrez le composant négatif dans une variable et enfin appelez la méthode directement dans d'autres pages. la méthode @click pour l'appeler, car la page d'arrière-plan n'est pas à l'intérieur de mon composant vue, donc j'appelle Just call onclick = vm.getCardNum(); comme ça, vm est le composant parent

Ce qui précède est quoi J'ai compilé pour tout le monde, j'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

Serveur de requêtes de builds express

Problèmes inter-domaines de ProxyTable dans le projet vue-cli

Comment utiliser les références dans les composants React

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!