vue3的依赖注入子传父方法

328 阅读1分钟

父组件

`

  import { provide, inject } from 'vue';
  // 引入依赖注入
  const booleanFromChild = (value) => {
  // 处理子组件传递的布尔值,value就是子组件传来的值
  console.log('Received boolean from child:', value);
  visibleContact.value = value;
   };
   把父组件的事件传给子
   provide('booleanFromChild', booleanFromChild);`

子组件

`

import { inject, defineComponent } from 'vue';
// 引入依赖注入
const booleanFromChild = inject('booleanFromChild');
 类似$emit事件,接收父组件的事件
const handleCancel = () => {
改值
const visibleContact = false;
使用父组件的事件并且把值传给父组件值
booleanFromChild(visibleContact);
};`