vue 父组件调用子组件的方法
父组件中引入子组件,并加上ref属性,语法为res="refname";
<template> <div> <div>我是父组件</div> <child ref="child"></child> </div> </template> <script> import child from '~/components/dam/child.vue';//引入子组件 export default { components: { child }, methods: { fatherMethod() {this.$refs.child.childMethods();//childMethods为子组件中的方法 } } }; </script>
子组件
<template> <div>我是子组件</div> <div>{{name}}</div> </template> <script> export default { data() { return { name: '子组件测试' }; }, methods: { childMethods() {//子组件方法 console.log(this.name); } } }; </script>