element-ui MessageBox弹框确定和取消位置(this.$confirm)
弹框默认样式为左取消右确认:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210610104928796.png)
检查样式为:
.el-message-box__btns {
padding: 5px 15px 0;
text-align: right;
}
我需要改为左确认右取消,
修改样式为:
.el-message-box__btns {
padding: 5px 15px 0;
display: flex;
flex-direction: row-reverse;
gap: 10px;
}
修改完效果:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210610105539315.png)