在Vue项目中使用Element框架时,可通过配置Message组件的showClose属性来显示关闭图标,实现提示消息的手动关闭功能。
1、 打开Vue文件,插入一个带文本的el-button标签,并为其绑定点击事件,具体效果所示。
2、 点击按钮时触发message方法,在该方法中配置showClose: true,即可显示关闭按钮,具体效果所示。
3、 保存Vue文件后在浏览器中打开,点击按钮,信息提示框后将显示关闭图标,效果所示。
在Vue项目中使用Element框架时,可通过配置Message组件的showClose属性来显示关闭图标,实现提示消息的手动关闭功能。
1、 打开Vue文件,插入一个带文本的el-button标签,并为其绑定点击事件,具体效果所示。
2、 点击按钮时触发message方法,在该方法中配置showClose: true,即可显示关闭按钮,具体效果所示。
3、 保存Vue文件后在浏览器中打开,点击按钮,信息提示框后将显示关闭图标,效果所示。