Heim > Artikel > Web-Frontend > So verwenden Sie globale Funktionen, um Parameter zwischen Uniapp-Komponenten zu übergeben
So verwenden Sie globale Funktionen zum Übergeben von Parametern zwischen Uniapp-Komponenten: 1. Hören Sie sich die globale Funktion in der Komponente an, die die Parameter empfängt. 2. Registrieren Sie die globale Funktion in der Komponente, die die Parameter übergibt. Der Code lautet [uni.$ emit('Funktionsname' ,Parameter)】.
Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Dell G3-Computer.
Empfohlen (kostenlos): Tutorial zur Uni-App-Entwicklung
Methode zum Übertragen von Parametern mithilfe globaler Funktionen zwischen Uniapp-Komponenten:
1. Hören Sie sich die globale Funktion in der Komponente an, die die Parameter empfängt
uni.$on('函数名',(形参数)=>{ ... });
2. Registrieren Sie die globale Funktion in der Komponente, die Parameter übergibt
uni.$emit('函数名',参数)
Codebeispiel:
Parameter empfangen:
<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>
Parameter übergeben:
<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>
Zugehörige kostenlose Lernempfehlungen: Programmiervideos
Das obige ist der detaillierte Inhalt vonSo verwenden Sie globale Funktionen, um Parameter zwischen Uniapp-Komponenten zu übergeben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!