Vue提示框组件vue-notification如何使用

今天小编给大家分享一下Vue提示框组件vue-notification如何使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

先看下演示效果：

安装方法：
通过 npm install vue-notification 就能使用了。

导入方法：

import Notifications from 'vue-notification';Vue.use(Notifications);

引用方法：

this.$notify({  type: 'success',  title: '提示：',  text: '参数保存成功！'});

并且需要在 App.vue 里加入 <notifications position="top right" duration=4 /> 。
其中 duration 参数为持续时间。
position 参数为提示位置，前面的值为纵向的顶部 top 和底部 bottom，后面的值为横向的左 left、中 center、右 right。
觉得 top 太靠上的话，
可以加个 css 调整下位置。

.vue-notification-group{  top: 10% !important;}

更多参数：

以上就是“Vue提示框组件vue-notification如何使用”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网行业资讯频道。