VUE_Vue父组件调用子组件方法,uni-app父组件调用子组件方法

ゞ 浴缸里的玫瑰 2022-12-16 06:15 367阅读 0赞 
  1. //父组件
  2. <template>
  3.   <div class="home">
  4.     <HelloWorld ref="mychild"></HelloWorld>
  5.     <div @click="clickParent">click me</div>
  6.   </div>
  7. </template>
  8. <script> import HelloWorld from '@/components/HelloWorld.vue' export default { name: 'home', components: { HelloWorld }, methods: { clickParent() { this.$refs.mychild.parentHandleclick("嘿嘿嘿"); } } } </script>
  10. //子组件
  11. <template>
  12.   <div class="hello">
  13.     <h1>我是HelloWorld组件</h1>
  14.   </div>
  15. </template>
  16. <script> export default { name: 'HelloWorld', created() { }, methods: { parentHandleclick(e) { console.log(e) } } } </script>

发表评论

表情：
评论列表 （有 0 条评论，367人围观）

还没有评论，来说两句吧...

相关阅读