交换element-ui的MessageBox弹框的确定和取消位置

参考：https://blog.csdn.net/Dg_Zing/article/details/87898715

博主在使用element-ui的MessageBox弹框时发现默认的弹框是取消在前，确定在后，如图所示：

设置提交事件的message默认类

//addSubmit会调用MessageBox弹框，cancelButtonClass为取消按钮的自定义类名
addSubmit(){
...
	this.$confirm("确认提交吗？", "提示", {
		cancelButtonClass: "btn-custom-cancel"
	})
...
}

 设置取消按键样式：

//设置取消按钮向右浮动，左magin为10px，即与确定按钮间距为10px
.btn-custom-cancel {
  float: right;
  margin-left: 10px;
}

这样，就达到了交换确定和取消按钮的效果，如图所示：