美文网首页
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