美文网首页
element $confirm 提示框按钮位置调整

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

作者: 向艳蓉 | 来源:发表于2020-03-05 10:36 被阅读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
})

相关文章

网友评论

      本文标题:element $confirm 提示框按钮位置调整

      本文链接:https://www.haomeiwen.com/subject/aestrhtx.html