element-ui el-dialog 组件的 visible 属性双向绑定

子组件

<template>
  <el-dialog
    class="relevant-pts-dlg"
    :visible="visible"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :append-to-body="true"
  >
    <div class="content">
     content
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {}
  },

  mounted() {},

  methods: {
    handleClose() {
      this.$emit('update:visible', false)
    }
  }
}
</script>

父组件

<RelevantPtsDlg :visible.sync="relevantPtsDlgVisible" />