UNI-APP 自定义事件

 

UNI-APP 自定义事件

标签: 自定义事件  uni-app

 
 

在这里插入图片描述

// inner.vue 
submit(){
	this.loading = true
	var nameList = []
	nameList = this.person.filter(item => item.checked===true)
	this.checkedName = nameList.map(item => item.operators)
	uni.$emit('select-repair-person',{operators:this.checkedName})
	uni.navigateBack({
		delta: 1
	})
}

 

过滤出选中的item,再遍历拿出每个item的operators。放到checkedName里。定义自定义事件select-repair-person

// outer.vue
created() {
	this.orderId = this.getParams()
	this.getRepairOrderDetails()
	uni.$on('select-repair-person',(data) => {
		this.getName = data.operators
	})
},

 

监听自定义事件,拿到数据

onShow() {
	this.pushPerson()
},

pushPerson() {
	for (var i = 0; i < this.getName.length; i++) {
		var obj = {}
		obj.operators = this.getName[i]
		obj.costTime = ''
		obj.repairDetails = ''
		this.repairPerson.push(obj)
	}
},

onshow周期函数,在页面每次显示出的时候调用

posted @ 2021-11-23 13:43  疯子110  阅读(538)  评论(0编辑  收藏  举报