Comment vue appelle les méthodes en externe

Cette fois, je vais vous montrer comment Vue appelle les méthodes en externe. Quelles sont les précautions pour les appels de méthodes Vue en externe. Voici un cas pratique, jetons un coup d'oeil.

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

var eventHub = new Vue();

2. Dans l'événement du composant actuel, lors de la création, utilisez $on pour transmettre au composant public eventHub la traduction est personnalisée et 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é dans une variable, var vm = new Vue({});

4. Définissez une méthode dans la méthode méthodes du composant parent et utilisez $emit dans la méthode pour recevoir la méthode dans le composant public

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

; 5. Enfin, vous pouvez appeler 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. (); vm est le composant parent

6. Assurez-vous d'écrire vm.getCardNum();

dans le nom de la variable

du composant parent. Lorsque je développais avec vue, j'ai rencontré une page contextuelle en arrière-plan Java qui voulait appeler une méthode dans mon composant vue. Cependant, la page contextuelle en arrière-plan n'était pas dans mon composant vue et d'autres pages étaient recherchées. pour l'appeler en vue. La méthode ne peut être appelée que dans le composant parent, je l'ai donc étudiée pendant longtemps et j'ai finalement décidé de transmettre la méthode function() du composant au composant parent de niveau supérieur, en sauvegardant le composant négatif. dans une variable, et enfin l'ajouter directement à d'autres pages. Lors de l'appel de la méthode, vous ne pouvez pas utiliser 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 l'appel est onclick = vm.getCardNum(); Lorsqu'il est appelé ainsi, vm est le composant parent

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes. sur le site PHP chinois !

Lecture recommandée :

Comment obtenir la valeur de sélection lors de l'utilisation du plug-in mint-ui time

Comment vue+checkbox exploite la liaison, l'acquisition et le calcul des données

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!