$confirm提示框的按钮默认顺序是取消、确定,想要将两个按钮的顺序调换,思路是将取消按钮向右浮动即可。
1、定义css
//设置取消按钮向右浮动,左magin为10px,即与确定按钮间距为10px
.btn-custom-cancel {
float: right;
margin-left: 10px;
}
2、在使用$confirm提示框时设置按钮样式
this.$confirm('此操作将永久删除该文件, 是否继续?','提示',
{
cancelButtonClass: 'btn-custom-cancel',
closeOnClickModal: false
}).then(() => {
// TODO
})
网友评论