Powered by md-Blog  文 - 篇  访客 -

Vue.js父组件直接调用子组件方法实例


  分类:Vue  / 
更新:2020-11-01 17:25:25  /  创建:2020-04-02 13:09:41
不要删除
父组件通过 noticeAAA 识别调用 子组件 xxx 的方法

父组件

<template>
    <my-notice ref="noticeAAA"></my-notice>
</template>

<script>
import myNotice from './Notice'
export default {
methods: {
    // 调用通知
    DisplayNotice(){
      this.$refs.noticeAAA.xxx('success')
    }
  },
}
</script>

子组件

<script>
export default {
    methods: {
        xxx(type) {
            console.log(type);
        }
    }
}
</script>

不要删除

小站不易,感谢支持!