父组件调用子组件方法

一、父组件

父组件：上个月

<div @click="prevMonth" class="mypages-left-tip mypages-left-tip-left" style="width: 72px;"><img
                class="iconfont" style="width: 10px;" src="../assets/minus.png" /> 上个月</div>

 触发方法：@click="prevMonth"

绑定组件： ref="checkbtn"

        //上个月
      prevMonth: function(day) {
        this.$refs.checkbtn.selectDate('prev-month')
      },

checkbtn：与组件里ref="checkbtn" 呼应

selectDate：子组件的触发方法

prev-month： 给子组件传的值 根部不同的值做不同的操作

二、子组件

<div @click="selectDate"  ref="checkbtn"></div>

@click="selectDate" ： 父组件有这个，调用子组件的方法

ref="checkbtn"  绑定

 

当触发的时候 会执行selectDate方法

type：父子间传的值