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

问题描述

问 题

先上这个组件库的地址吧 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>

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

解决方案

用 dialog 组件即可

这篇关于vue.js - Vue2.0里面的element组件库的MessageBox 弹框问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！