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

父组件:

<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(参数){
    }

}

我开发的场景主要是查询列表的显示,修改回填,删除,增加等。

 

 

 

Logo

前往低代码交流专区

更多推荐