在使用Element框架开发Vue项目时,若想调整Message消息提示的自动关闭时间,可通过设置duration属性来自定义关闭延迟,单位为毫秒。
1、 打开Vue文件,添加按钮点击事件以触发消息提示功能,实现交互效果。
2、 在调用 this.\$message 方法时,于参数对象中加入 duration: 5000,即可实现消息提示框在5秒后自动关闭的效果。
3、 保存Vue文件后在浏览器中打开,点击按钮会弹出提示消息,五秒后自动消失,效果所示。
在使用Element框架开发Vue项目时,若想调整Message消息提示的自动关闭时间,可通过设置duration属性来自定义关闭延迟,单位为毫秒。
1、 打开Vue文件,添加按钮点击事件以触发消息提示功能,实现交互效果。
2、 在调用 this.\$message 方法时,于参数对象中加入 duration: 5000,即可实现消息提示框在5秒后自动关闭的效果。
3、 保存Vue文件后在浏览器中打开,点击按钮会弹出提示消息,五秒后自动消失,效果所示。