element $confirm 提示框按钮位置调整

2020-03-05  本文已影响0人  向艳蓉

$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
})
上一篇 下一篇

猜你喜欢

热点阅读