博客

父页面：

<template>
  <div class="management infoPartner">
    <el-tabs v-model="activeName">
      <el-tab-pane label="子组件" name="second" lazy>
        <info-check @transfer='getProjectVisible'/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import infoCheck from '@/views/crm/partner/check/infoCheck'
export default {
  name: 'Check',
  components: {
    infoCheck
  },
  data() {
    return {
      activeName: 'first',
      projectVisible: false 
    }
  },
  methods: {
    // 子传回的值
    getProjectVisible(val) {
      this.projectVisible = val
    },
  }
}
</script>

子组件：infoCheck.vue

<template>
  <div @click="setProjectVisible">
    开始你的表演
  </div>
</template>
<script>
export default {
  name: 'InfoCheck',
  data() {

  },
  methods: {
    // transfer 作为通道
    setProjectVisible(){
      this.$emit('transfer', false)
    },
  }
}
</script>