uniapp全局事件uni.$on,可以不相邻的组件之间传递参数
2023-12-17 23:01:38
uniapp全局事件,也就是说,不相邻的,不是父子组件,也可以传递参数。
一个组件,传递项目内所有文件其中一个里面内,可以接受到参数。
传送参数页面
<template>
<view class="box">
<button type="default" @click="goChuangcan(521)"></button>
</view>
</template>
<script>
export default{
methods:{
// 传送参数
goChuangcan(e){
uni.$emit('citySelectData',e)
}
}
}
</script>
<style>
.box{
background-color: pink;
}
</style>
接受参数页面
<template>
<view class="box">
接受到数据啦,展示在页面上啦:------- <text style="color: #FFF;">{{dataLit}}</text>
</view>
</template>
<script>
export default{
data(){
return{
dataLit:''
}
}
mounted() {
// 注意这里是细节,一定要加 var that = this 这个
var that = this
uni.$on('citySelectData',function(data){
that.dataLit = data
console.log('接受到数据啦:',data)
})
}
}
</script>
<style>
.box{
background-color: pink;
}
</style>
最后
感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!
文章来源:https://blog.csdn.net/m0_49714202/article/details/135050242
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!