关于vue子组件触发父组件的方法以及父组件触发子组件方法

一、父组件触发子组件

1、在子组件上添加一个ref标识符

 <check-customer-list ref="liuhuan" @reloadData="reloadData"></check-customer-list>

2、然后通过this.$refs['liuhuan']加上方法名来调用就可以了

this.$refs['liuhuan'].ceshi()

其中，ceshi为定义在子组件methods里的一个function。

二、子组件触发父组件

1、如上面第一步代码所示，通过@在子组件上绑定一个自定义事件，前者为需要在子组件触发的方法名，后者为要触发的父组件里的方法。
2、在子组件中通过this.$emit来触发定义的方法名就可以了

this.$emit('reloadData')

3、关于子组件向父组件传值

• 子组件调用时多传一个参数

this.$emit('selectShopName', data.value)

• 父组件在回调函数的参数中接收这个数据

 selectShopName: function (data) {
        this.qShopName = data
      },

记住写法，其实很简单的