$confirm的自定义使用
在项目开发过程中,经常会遇到需要修改ui库中默认样式的情况。就比如说使用element-ui的$confirm弹出框时,它的默认样式如下:
但我们需要的是
这样一个布局样式,这时我们就需要对默认样式进行一个自定义修改,会利用消息框的自定义类名
customClass
,话不多说,直接进入正题~
交换取消和确定按钮
// js
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass:'demo1',
type: 'warning'
}).then(() => {
this.$message({
type: 'success',
message: '删除成功!'