子组件向父组件传递数据及调用父组件方法

简介父组件 <add_dialog v-bind:dialogAddVisible.sync="dialogAddVisible"> </add_dialog> 子组件 this.$emit('update:dialogAddVisible', false) 子组件里用$emit向父组件触发一个事件,父组件监听这个事件就行了。 父组件 <template> <div> <child

父组件

<add_dialog
   v-bind:dialogAddVisible.sync="dialogAddVisible">
</add_dialog>
子组件
this.$emit('update:dialogAddVisible', false)


子组件里用$emit向父组件触发一个事件,父组件监听这个事件就行了。

父组件

<template>
  <div>
    <child @fatherMethod="fatherMethod"></child>
  </div>
</template>
<script>
  import child from '~/components/dam/child';
  export default {
    components: {
      child
    },
    methods: {
      fatherMethod() {
        console.log('测试');
      }
    }
  };
</script>

子组件
<template>
  <div>
    <button @click="childMethod()">点击</button>
  </div>
</template>
<script>
  export default {
    methods: {
      childMethod() {
        this.$emit('fatherMethod');
      }
    }
  };
</script>


新加评论 评论标题: