子组件触发一个函数, 夫组件调用,根据调用状态来执行子组件里的函数

// 可以使用回调的方法
 
// 父页面
    // 父页面调用组件的html 中   添加事件 @test="test"
 methods : {
    test(data, cab) {
          setTimeout(() => {
              // 这里使用定时器 模拟执行完方法
              console.log(data) // 这是传递过来的参数 用于处理
              data++
              cab(data) // 将处理完成的数据返回回去
          }, 2000)
    }
 }   
  
 // 子页面
  
 this.$emit('tset', 1, (res)=> {
     console.log(res) //  2秒后会执行这一句  打印2
          
 })

  

posted @ 2020-01-06 15:05  winyh  阅读(501)  评论(0编辑  收藏  举报