利用element-ui的dialog做模态框

<template>

  <!-- 详细对话框 -->

  <el-dialog title="" :visible.sync="dialogVisible" width="80%">

    <el-tabs v-model="activeName" type="border-card">

      <el-tab-pane label="用户管理" name="info"> </el-tab-pane>

      <el-tab-pane label="配置管理" name="space"> </el-tab-pane>

    </el-tabs>

    <span class="el-icon-close close" @click="closeDialog"></span>

  </el-dialog>

</template>

<script>

export default {

  data () {

    return {

      dialogVisible: false,

      activeName: 'info'

    }

  },

  methods: {

    closeDialog () {

      this.dialogVisible = false

<