import ch...">
美文网首页
Vue 父组件调子组件方法

Vue 父组件调子组件方法

作者: IT_IOS_MAN | 来源:发表于2022-01-29 16:50 被阅读0次

子组件

<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>

相关文章

网友评论

      本文标题:Vue 父组件调子组件方法

      本文链接:https://www.haomeiwen.com/subject/ikqractx.html