通过ref直接调用子组件的方法
父组件:
<template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div> </template> <script> import Child from './child'; export default { methods: { handleClick() { this.$refs.child.getCode(); }, }, } </script>
子组件
<template> <div>这是子组件</div> </template> <script> export default { methods: { getCode() { console.log('这是子组件的方法'); }, }, }; </script>