element-ui中$confirm弹出框的确定和取消按钮互换位置
- (1)定位元素
- (2)找到元素class,通过flex布局,进行位置更换
- (3)app.vue中 进行全局修改
![在这里插入图片描述](https://img-blog.csdnimg.cn/3115c273fd11463ab002d4ed7fd1d5ba.png)
/* 确认窗 取消确认按钮位置更换 */
.el-message-box__wrapper .el-message-box__btns {
display: flex;
flex-flow: row-reverse;
}
.el-message-box__wrapper .el-message-box__btns .el-button {
margin-left: 10px;
}
APP.vue内进行全局修改
![在这里插入图片描述](https://img-blog.csdnimg.cn/40eebb5519964df8bfd1b0d9dfa3c9fc.png)
效果展示
![在这里插入图片描述](https://img-blog.csdnimg.cn/efb703d2f02446328a8c13069fb38eb6.png)