Bootstrap

父组件如何调用子组件的方法

//html部分
//引用子组件
 <child ref="child"></child>
//js部分
fatherEvent(){
//childEvent是子组件中定义的时间,可以将父组件中的数据作为参数传入
    this.$refs.child.childEvent(参数)
}



使用场景举例:封装一个dialog弹窗,需要通过触发父组件中的元素显示弹窗,则可以通过父组件中的事件利用ref触发子组件中的事件,在子组件的事件中将dialog显示双向绑定的数据值变为true

;