脚本宝典收集整理的这篇文章主要介绍了uniapp组件之间如何利用全局函数传参，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

uniapp组件之间利用全局函数传参的方法：1、在接收参数的组件中监听全局函数；2、在传递参数的组件中注册全局函数，代码为【uni.$emIT('函数名',参数)】。

本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑。

推荐（免费）：uni-app开发教程

uniapp组件之间利用全局函数传参的方法：

1、在接收参数的组件中监听全局函数

uni.$on('函数名',(形参数)=>{
...
});

2、在传递参数的组件中注册全局函数

uni.$emit('函数名',参数)

代码示例:

接收参数:

<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>

传递参数:

<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>

相关免费学习推荐：编程视频

以上就是uniapp组件之间如何利用全局函数传参的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的uniapp组件之间如何利用全局函数传参全部内容，希望文章能够帮你解决uniapp组件之间如何利用全局函数传参所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。