iview 全局提示 $message 全局配置

最新推荐文章于 2024-07-20 23:54:17 发布

龙拳蜗牛

最新推荐文章于 2024-07-20 23:54:17 发布

阅读量4.6k

点赞数 1

分类专栏： iview $message 文章标签： javascript vue.js

原文链接：https://www.cnblogs.com/matd/p/11535876.html

版权

6 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

在使用iview 的Message与Notice组件时，可以对提示框的显示位置与显示时长进行配置。

iview提供了两个配置属性。分别是：

top 提示组件距离顶端的距离，单位像素。
duration 默认自动关闭的延时，单位秒。
可以对这两个组件进行全局配置:

//在某个组件中全局配置，只需要在mouted()钩子函数中写入

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

//在整个项目中全局配置，需要在main.js中写入

Vue.prototype.$Message.config({
    top: 100,
    duration: 3
});
Vue.prototype.$Notice.config({
    top: 50,
    duration: 3
});

参考链接: https://www.cnblogs.com/matd/p/11535876.html

关注