vue element ui 父组件控制子组件dialog的显隐

1.父组件: dialogTest为子组件映射的标签， dialogVisible为Boolean类型传递到子组件控制子组件的显隐

  <dialogTest :visible="dialogVisible" @close="dialogVisible = false"></dialogTest>

2.子组件：

  <el-dialog title="对话框" :visible.sync='visible' :before-close="onClose">
  props: ['visible']  //父组件传递到子组件控制显隐的值
  //对话框关闭之前，触发父组件的close监听方法，从父组件改变dialogVisible的值
  methods: {
  onClose () {
    this.$emit('close')
  }
}