交换element-ui中$confirm弹出框的确定和取消按钮位置

默认情况下按钮是取消在左确定在右

只需要把cancelButtonClass: "btn-custom-cancel",插入到代码段中即可

this.$confirm('确定要保存试卷吗?', {
    confirmButtonText: ‘确定’,
    cancelButtonText:  ‘取消’，
    cancelButtonClass: "btn-custom-cancel",
    type: 'warning',
})

css样式，注意:这段css样式绝对不能放到scoped中否则无效果

​
<style lang='scss'>
.btn-custom-cancel{
  float: right;
  margin-left: 10px;
}
</style>

​