vue父组件调用子组件方法

待我称王封你为后i 2024-04-17 19:58 154阅读 0赞

子组件

  1. <template>
  2. <div>
  3. child
  4. </div>
  5. </template>
  6. <script> export default { name: "child", props: "someprops", methods: { parentHandleclick(e) { console.log(e) } } } </script>

父组件

  1. <template>
  2. <div>
  3. <button @click="clickParent">点击</button>
  4. <child ref="mychild"></child>
  5. </div>
  6. </template>
  7. <script> import Child from './child'; export default { name: "parent", components: { child: Child }, methods: { clickParent() { this.$refs.mychild.parentHandleclick("嘿嘿嘿"); } } } </script>

发表评论

表情:
评论列表 (有 0 条评论,154人围观)

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

相关阅读