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

一、父组件触发子组件

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

 

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
      },

记住写法,其实很简单的

你可能感兴趣的:(关于vue子组件触发父组件的方法以及父组件触发子组件方法)