vue2父组件调用子组件弹框显示隐藏

可以通过在子组件内部定义一个变量来控制弹框的显示和隐藏，然后在子组件内部定义一个show方法，父组件调用子组件的show方法，并传入对应的参数，子组件根据对应的参数，给自己组件内部的变量赋值，从而实现弹框的显示和隐藏。

以下是一个示例代码：

子组件代码：

<template>
  <div v-show="showFlag">
    <!-- 弹框内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      showFlag: false // 控制弹框显示隐藏的变量
    }
  },
  methods: {
    show(flag) {
      this.showFlag = flag // 根据传入的参数设置showFlag的值
    }
  }
}
</script>

父组件代码：

<template>
  <div>
    <button @click="showDialog(true)">显示弹框</button>
    <button @click="showDialog(false)">隐藏弹框</button>
    <child ref="child"></child>
  </div>
</template>

<script>
import Child from './Child.vue'

export default {
  components: {
    Child
  },
  methods: {
    showDialog(flag) {
      this.$refs.child.show(flag) // 调用子组件的show方法，传入对应的参数
    }
  }
}
</script>

在父组件中，通过`$refs`获取到子组件的实例，然后调用子组件的show方法，传入对应的参数，从而实现弹框的显示和隐藏。

--相关问题--:
1. 如何在Vue中实现父子组件之间的通信？
2. Vue中的props和emit分别