一、父组件触发子组件中的事件:
1、父组件中使用子组件(关键:绑定ref,v-on)
- <add-allocation ref="modalForm" @ok="modalFormOk" v-on:func="handleRefresh">add-allocation>
2、在父组件中导入并注册组件:
- import AddAllocation from './modules/AddAllocation.vue'
- export default {
- name: 'ChannelConfiguration',
- components: {
- AddAllocation
- },}
3、使用this.$refs['modalForm'].add(),调用子组件中函数:
- // 父组件中新增函数
- Add() {
- this.$refs['modalForm'].add()//调用子组件中的add函数
- this.isShow = true
- },
二、子组件触发父组件中的事件
1、在子组件中使用this.$emit('func')