Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie globale Funktionen, um Parameter zwischen Uniapp-Komponenten zu übergeben

So verwenden Sie globale Funktionen, um Parameter zwischen Uniapp-Komponenten zu übergeben

coldplay.xixi
coldplay.xixiOriginal
2020-12-09 15:11:443956Durchsuche

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)】.

So verwenden Sie globale Funktionen, um Parameter zwischen Uniapp-Komponenten zu übergeben

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn