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(&#39;update&#39;,(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 &#39;../detail/detail.vue&#39;
import me from &#39;../me/me.vue&#39;
export default{
data()
{
return{
imgArr:[&#39;a&#39;],
num2:11
}
},
components:{
det,
me
},
methods:{
get()
{
uni.$emit(&#39;update&#39;,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!