函数+间+传值+php,uniapp组件之间如何利用全局函数传参

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

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

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

1、在接收参数的组件中监听全局函数uni.$on('函数名',(形参数)=>{

...

});

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

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

代码示例:

接收参数:

meme {{this.num}}

export default{

data()

{

return{

num:12

}

},

created()

{

uni.$on('update',(num)=>{

this.num=num;

});

}

}

传递参数:

按钮

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

}

}

}

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

}

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