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;
}
相关免费学习推荐:编程视频