element-ui 中若依后台默认删除提示框样式修改

最新推荐文章于 2025-11-15 08:00:00 发布

原创最新推荐文章于 2025-11-15 08:00:00 发布 · 4.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ios #微信小程序 #javascript

Vue 同时被 2 个专栏收录

38 篇文章

订阅专栏

element-ui

14 篇文章

订阅专栏

本文介绍了在Vue项目中，结合Element-UI和若依框架，如何自定义默认删除弹窗的样式。特别指出，相关样式代码不应写在scope内。

vue + element-ui +若依框架，默认的删除弹窗如何修改样式

代码如下：`需要自定义弹窗的样式`

/** 删除按钮操作 */
handleDelete(row) {
 const ids = row.id || this.ids;
  this.$confirm(
    '是否确认删除排班表中警员编号为"' + row.policeCode + '"的数据项?',
    "提示",
    {
      customClass: "message-logout",
    }
  )
    .then(function () {
      return delPoliceinfo(ids);
    })
    .then(() => {
      this.getList();
      this.$modal.msgSuccess("删除成功");
    })
    .catch(() => {});
},

以下样式不可编写在scope 中

<style>
.message-logout {
  background: #ffffff;
  box-shadow: inset 0px 1px 11px 0px #3978ef;
  border-radius: 3px;
  border: 1px solid rgba(23, 129, 251, 0.4);
}
</style>