Vue 父组件调子组件方法[不参数版]

  • 子组件

<template>
  <div>
    
  </div>
</template>
<script>
  export default {
    methods: {
      childEvent() {
        alert("我是子组件方法");
      }
    }
  };
</script>
  • 父组件

<template>
  <div>
    <child ref="child"/>
  </div>
</template>
<script>
  import child from './child';
  export default {
    components: {
      child
    },
    methods: {
      parentEvent() {
        this.$refs.child.childEvent();
      }
    }
  };
</script>
posted @ 2022-11-15 09:23  IT_IOS_MAN  阅读(16)  评论(0编辑  收藏  举报