element ui的无法关掉的提示弹框

最新推荐文章于 2024-06-17 15:58:57 发布

前端小凯

最新推荐文章于 2024-06-17 15:58:57 发布

阅读量384

点赞数 4

文章标签： ui vue.js 前端

本文链接：https://blog.csdn.net/qq_43235503/article/details/138652759

版权

使用element的$alert组件的属性把X去掉和确定按钮和取消按钮去掉；

import { MessageBox  } from 'element-ui';
MessageBox.alert('AI功能已到期或暂未开启', '友情提示', {
    showClose: false,
    showCancelButton: false,
    showConfirmButton: false
});

如果在router的路由守卫里使用的话，要加一个定时器，等页面渲染完成之后再调取；

import { MessageBox  } from 'element-ui';
router.afterEach((to, from) => {
  setTimeout(()=> {
    MessageBox.alert('AI功能已到期或暂未开启', '友情提示', {
      showClose: false,
      showCancelButton: false,
      showConfirmButton: false
    });
  }, 500);
});