VUE_Vue父组件调用子组件方法,uni-app父组件调用子组件方法 ゞ 浴缸里的玫瑰 2022-12-16 06:15 244阅读 0赞 //父组件 <template> <div class="home"> <HelloWorld ref="mychild"></HelloWorld> <div @click="clickParent">click me</div> </div> </template> <script> import HelloWorld from '@/components/HelloWorld.vue' export default { name: 'home', components: { HelloWorld }, methods: { clickParent() { this.$refs.mychild.parentHandleclick("嘿嘿嘿"); } } } </script> //子组件 <template> <div class="hello"> <h1>我是HelloWorld组件</h1> </div> </template> <script> export default { name: 'HelloWorld', created() { }, methods: { parentHandleclick(e) { console.log(e) } } } </script>
还没有评论,来说两句吧...