一、父组件触发子组件
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
},
记住写法，其实很简单的
网友评论