vue3子组件调用父组件方法 使用prop

父组件Father.vue

1. <template>
2.   <Child :parentMethod="parentMethod" />
3. </template>
5. <script setup>
6. import { defineComponent } from 'vue';
7. import Child from './Child.vue';
9. const parentMethod = () => {
10.   console.log('这是父页面的一个方法');
11. };
12. </script>

复制代码

子组件Child.vue

1. <template>
2.   <button @click="parentMethod">点击调用父组件中的方法</button>
3. </template>
5. <script setup>
6. import { defineProps } from 'vue';
8. const props = defineProps({
9.   parentMethod: Function
10. });
11. </script>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。