element plus Message方法手动关闭,close方法使用

欢迎点击关注-前端面试进阶指南:前端登顶之巅-最全面的前端知识点梳理总结

*分享一个使用比较久的🪜

vue3.x setup写法是没有this的指向的;而element plus ui组件库也是没有的;近期的需求涉及到轮询接口,需要使用Message方法,Message 拥有可控的 duration, 默认的关闭时间为 3000 毫秒,当把这个属性的值设置为0便表示该消息不会被自动关闭。

js 复制代码
let message = null
message = ElMessage({
   duration: 0,
   message: statusObj[status],
   type: StatusType[status]
 })
 message.close()

调用 Message 或 this.$message 会返回当前 Message 的实例。 如果需要手动关闭实例,可以调用它的 close 方法。因为没有this方法,所以需要变量去接收它,这样才能拿到它的实例方法。

相关推荐
Modify_QmQ2 天前
leaflet【十一】地图瓦片路径可视化
gis·vue3·leaflet·leafletmapblock
ldj202012 天前
vue3整合element-plus
vue3
雲墨款哥13 天前
记录:vue-next-admin 项目 element-plus 国际化包报错的解决办法
前端·element
夜空孤狼啸17 天前
前端常用拖拽组件库(vue3、react、vue2)
前端·javascript·react.js·typescript·前端框架·vue3
sunshine_程序媛17 天前
vue3中的watch和watchEffect区别以及demo示例
前端·javascript·vue.js·vue3
bo5210018 天前
Element Plus 虚拟树形组件子节点点击导致勾选框自动勾选问题排查与解决
vue.js·element
meng半颗糖19 天前
vue3 双容器自动扩展布局 根据 内容的多少 动态定义宽度
前端·javascript·css·vue.js·elementui·vue3
3D虚拟工厂19 天前
3D虚拟工厂
3d·vue3·blender·数字孪生·three.js
霸王蟹22 天前
前端项目Excel数据导出同时出现中英文表头错乱情况解决方案。
笔记·学习·typescript·excel·vue3·react·vite
JunjunZ25 天前
ElementUI Tree组件的父子节点联动实现
vue.js·element