element-ui MessageBox 弹框，我只想要弹出样式，不想要点击，当做一个弹出提醒，两秒后自动关闭

Posted 2022-10-16 野猪佩奇007

项目场景：

项目中用Message 消息提示感觉提示不够明显，想要MessageBox 弹框式比较明显的提醒，去掉关闭按钮和确认按钮，单纯做一个两秒的弹出框，然后自动关闭
例如：

改成：

但是element并没有给出方法自动关闭，只能通过点击点击遮罩关闭、按下 ESC 键关闭、和点击按钮关闭，但是我只要提醒，去掉按钮以及叉号

解决方案：

方法：使用MessageBox 弹框，配置关闭按钮隐藏，确定按钮以及取消按钮隐藏，
两秒后自动点击遮罩层使其关闭弹框
代码如下：

this.$confirm("没有权益进行这项操作", "提示", 
                  type: "warning",
                  showClose: false,
                  showCancelButton: false,
                  showConfirmButton: false,
                )
                  .then(() => )
                  .catch(() => );

                setTimeout(() => 
                //v-modal是遮罩层
                  let a = document.body.getElementsByClassName("v-modal")[0];
                  //直接触发点击，使其关闭即可
                  a.click();
                  //关闭进行跳转
                  this.$router.push( name: "memberdetail" );
                , 2000);

效果展示：