Vue2.0里面的element组件库的MessageBox 弹框问题

Question

先上这个组件库的地址吧 http://element.eleme.io/#/zh-...

这种内容自定义的alert是这个组件库给出的，我现在想把这个中间的文字换成他提供的其他组件。
有各位Vue大牛知道如何将这个message中内容换成这个组件库里面给出的其他组件呢

<template>
  <el-button type="text" @click="open4">点击打开 Message Box</el-button>
</template>

<script>
  export default {
    methods: {
      open4() {
        this.$msgbox({
          title: '消息',
          message: '这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容, 这是一段内容',
          showCancelButton: true,
          confirmButtonText: '确定',
          cancelButtonText: '取消'
        }).then(action => {
          this.$message({
            type: 'info',
            message: 'action: ' + action
          });
        });
      },
    }
  }
</script>

以上为代码，感谢给位大牛给出您宝贵的意见！！！

Answer 1

用 dialog 组件即可

Answer 2

this.$msgbox({
    title: '上传文件',
    center: true,
    message: 
      <el-upload
        class="upload-demo"
        drag
        action="/upload"
        accept={temVM.accept}
        multiple={temVM.multiple}
        // onChange 不好使
        // before-upload={onChange}
        file-list={temVM.fileList}
        http-request={temVM.onRequest}
        before-remove={temVM.onRemove} >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip" slot="tip">{temVM.tip}</div>
      </el-upload>,
    showConfirmButton: true,
    showCancelButton: false
  }).catch(() => {
    this.$message.info('取消上传')
  })