La méthode d'utilisation des fonctions globales pour transmettre des paramètres entre les composants uniapp : 1. Écoutez la fonction globale dans le composant qui reçoit les paramètres 2. Enregistrez la fonction globale dans le composant qui transmet les paramètres, le code ; est [uni.$emit( 'Nom de la fonction', paramètres)].
L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur Dell G3.
Recommandé (gratuit) : Tutoriel de développement d'uni-app
Utilisation de fonctions globales entre les composants uniapp Méthode de passage des paramètres :
1. Surveillez la fonction globale dans le composant qui reçoit les paramètres
uni.$on('函数名',(形参数)=>{ ... });
2. Enregistrez la fonction globale dans le composant qui passe les paramètres
uni.$emit('函数名',参数)
Exemple de code :
Paramètres de réception :
<template> <view>meme {{this.num}}</view> </template> <script> export default{ data() { return{ num:12 } }, created() { uni.$on('update',(num)=>{ this.num=num; }); } } </script> <style> </style>
Paramètres de réussite :
<template> <view> <button type="primary" @click="get">按钮</button> <me></me> </view> </template> <script> import det from '../detail/detail.vue' import me from '../me/me.vue' export default{ data() { return{ imgArr:['a'], num2:11 } }, components:{ det, me }, methods:{ get() { uni.$emit('update',this.num2); } } } </script> <style scoped> @import url("../css/a.css"); .box{ height: 375rpx; width: 375rpx; /* #ifdef H5 */ background-color: #4CD964; /* #endif */ /* #ifdef APP-PLUS */ background-color: #007AFF; /* #endif */ } .box1{ background-color: #007AFF; } </style>
Recommandations d'apprentissage gratuites associées : Vidéo de programmation
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!