uniapp全局事件uni.$on,可以不相邻的组件之间传递参数

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>

最后

感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

最近更新

  1. TCP协议是安全的吗?

    2023-12-18 18:34:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-18 18:34:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-18 18:34:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-18 18:34:02       18 阅读

热门阅读

  1. low private exponent attack

    2023-12-18 18:34:02       46 阅读
  2. 什么是NPM,NPM使用方法

    2023-12-18 18:34:02       37 阅读
  3. 中国一重集中采购平台的建设经历和系统亮点

    2023-12-18 18:34:02       35 阅读
  4. 【unity】如何让Unity应用在退出时关闭某些服务

    2023-12-18 18:34:02       32 阅读