element ui中的弹框 this.$confirm的样式怎么修改

element-ui中的弹框样式可以通过修改对应的类名来实现。

首先，在你的项目中安装 `node-sass` 和 `sass-loader`。

然后，创建一个自定义的 scss 文件，比如 `custom-element-ui.scss`，在其中定义需要修改的样式，例如：

// 修改弹框的背景色和按钮颜色
.el-message-box__wrapper {
  background-color: #f5f5f5;
  
  .el-button--primary {
    background-color: #409EFF;
  }
}

最后，在你的入口文件中引入自定义的 scss 文件，并在 `vue.config.js` 中使用 `prependData` 配置将其注入到 element-ui 的样式中。

入口文件示例：

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './custom-element-ui.scss' // 引入自定义的样式文件

Vue.use(ElementUI)

new Vue({
  render: h => h(App),
}).$mount('#app')

vue.config.js 示例：

module.exports = {
  css: {
    loaderOptions: {
      scss: {
        prependData: `
          @import "@/custom-element-ui.scss";
        `
      }
    }
  }
}

这样就可以修改 element-ui 中弹框的样式了。