SOURCE

var Main = {
  data() {
    return {
      sort: {
        defaultSort: {
          field: 'name',
          order: 'asc'
        }
      },
      tableData: [],
      outerVisible: false,
      innerVisible: false,
      allAlign: null,
      loading: false,
      tableColumn: [],
      tableData: []
    }
  },
  methods: {
    opened() {
      setTimeout(() => {
        this.tableColumn = [{
          type: 'index',
          width: 50
        },
        {
          field: 'name',
          title: 'name'
        },
        {
          field: 'sex',
          title: 'sex',
          showHeaderOverflow: true
        },
        {
          field: 'address',
          title: 'Address',
          showOverflow: true
        }]
      },
      2000)
    }
  }
};
var Ctor = Vue.extend(Main);
new Ctor().$mount('#app')

<script src="//unpkg.com/vue">
</script>
<script src="//unpkg.com/xe-utils">
</script>
<script src="//unpkg.com/vxe-table/lib/index.js">
</script>
<script src="//unpkg.com/element-ui">
</script>
<script src="//unpkg.com/vxe-table-plugin-element">
</script>
<div id="app">
  <template>
    <div>
      <el-button type="text" @click="outerVisible = true">
        点击打开外层 Dialog
      </el-button>
      <el-dialog @opened='opened' title="外层 Dialog" :visible.sync="outerVisible">
        <vxe-grid ref='table' :sort-config='sort' border resizable max-height="300"
        :loading="loading" :columns="tableColumn" :data="tableData">
        </vxe-grid>
      </el-dialog>
    </div>
  </template>
</div>

@import url("//unpkg.com/vxe-table/lib/index.css");
@import url("//unpkg.com/element-ui/lib/theme-chalk/index.css");