首页 > 其他 > 详细

Vue父子组建之间进行方法调用

时间:2020-03-27 16:54:44      阅读:78      评论:0      收藏:0      [点我收藏+]

一、父组件调用子组件函数

父组件:

<template>
    <child ref="editFun"></child> //子组件绑定
</template>

 

父组件调用子组件函数

this.$refs.editFun.init(参数);

 

子组件:

methods:{
  init(参数){
  //父组件调用子组件的方法 } }

 

二、子组件调用父组件函数

子组件

export default{
     props:{
        refreshList:{
            type:Function,
            default:null
     } } }

子组件调用父组件函数

this.refreshList(参数);

父组件:

<template>

<child :refreshList="initDom"></child>     //子组件绑定

</template>

methods:{
    initDom(参数){}
}

Vue父子组建之间进行方法调用

原文:https://www.cnblogs.com/wangbin96/p/12582213.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!