vue2中同时使用element-ui和Antd样式起冲突confirm或message无法使用的解决方法

// ui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
Vue.prototype.$antdconfirm = Vue.prototype.$confirm
Vue.prototype.$antmessage = Vue.prototype.$message

// 阿里巴巴
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false;
Vue.use(Antd);

只需要在ui里将confirm和message另外起个名字就行 在页面使用

open() {
            this.$antdconfirm('此操作将永久删除该文件, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                this.$antmessage({
                    type: 'success',
                    message: '删除成功!'
                });
            }).catch(() => {
                this.$antmessage({
                    type: 'info',
                    message: '已取消删除'
                });
            });
        },

e