vue父组件对子组件事件监听

12 篇文章 0 订阅

子组件

computed: {
    list() { 
    	this.$emit('allListMsg', val); // 给父组件发送消息
      	return val 
    },
  

父组件

	<PJDLCalendar
      @allListMsg="allListMsg"
    />
  data() {
    return {
      allList: [],
    };
  },
  watch:{
	    allList(val){ // 监听数组的变化 
	      console.log('watch---',val)
	      this.getWaybillStatisticsList(val[0].value, val[41].value)
	    }
	  },
    methods: {
	    allListMsg(val){ // 触发子组件传过来的日历数组
	      console.log(val)
	      this.allList = val;
	    },
	    getWaybillStatisticsList(beginDate, endDate){
	    	//接口处理
	    }
    }
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值