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')
  }
}