iview设置全局提示

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m0_37508531/article/details/88901927

前言

  iview里有封装好的全局提示的方法，这为我们的开发提供了便利。iview里的全局提示有预先设置好的位置和显示时间，但是这其实也是可以自己设置的。

没有进行自定义设置

进行自定义设置

设置方式

 整个项目上全局配置

  在main.js文件下写，这样所有的Message组件都会拥有下方的设置。

Vue.prototype.$Message.config({
  top: 120,                                      //设置高度
  duration:3                                   //设置3秒后消失
});

 某个组件中全局配置

  在mounted钩子函数中写入，这样这个界面上的Message组件都会做出改变。

mounted() {
    this.$Message.config({
      top: 100,
      duration: 3
  });

总结

  iview里的封装既彻底，还会给你留下一些可以自定义的设置，很完美。