Vue中$emit调用父组件异步方法,子组件通过回调实现同步。

// 父页面
// 父页面调用组件的html中添加事件 @test=“test”

 methods : {
    test(data, cab) {
          setTimeout(() => {
              // 这里使用定时器内 模拟执行完容方法
              console.log(data) // 这是传递过来的参数 用于处理
              data++
              cab(data) // 将处理完成的数据返回回去
          }, 2000)
    }
 }   

// 子页面$emit抛出

 this.$emit('tset', 1, (res)=> {
     console.log(res) //  2秒后会执行这一句  打印2
 })

如果该方法参数不固定,可以通过ts的可选参数实现

父:
private test(data:any, cab?:Function) {
		if(cab){
			cab(data)
		}
    }
子页面调用时,回调可以不传。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值