Vue+Element-ui弹窗 this.$alert is not a function

最新推荐文章于 2023-09-27 12:00:32 发布

聆听HJ

最新推荐文章于 2023-09-27 12:00:32 发布

阅读量2.6k

点赞数 1

分类专栏： vue 文章标签： vue.js ui elementui

本文链接：https://blog.csdn.net/weixin_41542329/article/details/122170929

版权

vue 专栏收录该内容

39 篇文章 4 订阅

订阅专栏

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

<script>
  export default {
    methods: {
      open() {
        this.$alert('这是一段内容', '标题名称', {
          confirmButtonText: '确定',
          callback: action => {
            this.$message({
              type: 'info',
              message: `action: ${ action }`
            });
          }
        });
      }
    }
  }
</script>

但是在使用时报了this.$alert is not a function

在这里插入图片描述

解决办法：

在element.js中加入Vue.prototype.$XXX = MessageBox

this.$MessageBox.alert('这是一段内555565容', '标题名称', {
                  confirmButtonText: '确定',
                  callback: action => {
                    this.$message({
                      type: 'info',
                      message: '66666666666666'
                    });
                  }
                });