Vue 之 Toast 消息提示插件的简单封装

时间:2022-08-01 17:43:06
【文件属性】:

文件名称:Vue 之 Toast 消息提示插件的简单封装

文件大小:373KB

文件格式:ZIP

更新时间:2022-08-01 17:43:06

vue Toast 消息提示

参考博文:https://blog.csdn.net/u014361280/article/details/126105373? vue 中简单封装类似 Toast 的消息提示插件,然后在 vue 中任意位置都可以简单使用 Toast 消息显示最前,并且默认 3 秒后自动消失 实现原理 1、vue 创建 Toast 消失提示组件的显示界面 2、js 代码动态引入 Toast 的 vue界面,默认显示 3 秒消失(可以根据需要调整) 3、Vue 配置全局属性 ,类似 this.$Toast('测试 Toast', 'info') 调用使用


【文件预览】:
jsconfig.json
vue.config.js
package.json
package-lock.json
src
----App.vue(229B)
----assets()
--------plugins()
--------iconfont()
--------logo.png(7KB)
----main.js(394B)
----components()
--------toast()
--------HelloWorld.vue(4KB)
.gitignore
public
----index.html(611B)
----jsons()
--------world.json(19KB)
----favicon.ico(4KB)
README.md
babel.config.js

网友评论