vue3/Nuxt中使用Toast

前言

实在是懒得手写一个toast,于是找了一下。

过程

https://github.com/Maronato/vue-toastification/tree/next
vue-toastification这个库很有名,默认是vue2的,如果需要使用vue3,需要在安装时,指定next的tag,比如

pnpm i vue-toastification@next

image
但是这个库的最新版也已经是3年前发布的了,在vue3还在蓬勃发展的情况下,应该找一个更新比较勤快的库。

nuxt

nuxtui自带toast,只不过在文档中标题为Notification(搜toast也是搜得到的)
https://ui3.nuxt.dev/getting-started
由于我的项目不是什么低容错的项目,因此直接用最新版,如果担心出现问题,可以使用2.x版本。

vue3

https://www.npmjs.com/package/vue-toast-notification
https://www.npmjs.com/package/vue3-toastify
应该都是能用的,我暂时不测试。
这里还有个SnackBar。
https://evomark.co.uk/open-source-software/vue3-snackbar/

posted @ 2024-12-20 02:21  魂祈梦  阅读(331)  评论(0)    收藏  举报