比element Notification 组件中通知弹窗更灵活的弹窗组件Vue Toastification

接到一个需求就是弹窗要弹出多个,而且固定一个自定义的方向,也就是上边,element中的Notification支持不了,只能支持四个方向,所以找到一个更灵活的Vue Toastification,具体的要去百度,唯一的不好的是,这个组件的官网很简陋,需要多百度用法;不过确实挺好用

https://vue-toastification.maronato.dev/


具体的我没自己写,不过确实是可以的

具体写法如下:

1、首先安装,然后在main.js引入

这里把弹窗里边的样式和内容写成了一个子组件,在父组件里边引用

2、子组件写法:

3、在父组件里边引入并使用

因为是使用的websocket实时推送的,所以在wensocket中写

引用组件:

到这就完成了

你可能感兴趣的:(比element Notification 组件中通知弹窗更灵活的弹窗组件Vue Toastification)