记录（四），多个message添加修改时间

样式修改中，遇到个需求，需要把消息提示框的展示时间改为8秒。这是原先的代码：

this.$message({
    message: "请先完成验证",
    type: "warning",
});

根据饿了么官方文档，我们可以看到， duration，是对显示时间进行修改的参数。

若是少许的应用，可以在当前的代码中这么改

this.$message({
    message: "请先完成验证",
    type: "warning",
    duration: 800,
});

但，应用的message几乎大数页面都有，且每个message内容不同，大量的修改着实浪费时间。所以，需要寻找一个便利的方法。 根据官网可知，elment为Vue.prototype添加了全局方法$message,因此，我们可以根据全局的方法来进行操作。

import Element from 'element-ui'
//引入

Vue.prototype.$message = function(msg) {
  Element.Message({ ...msg, duration: 8000 })
}

看，简简单单几行代码的事，就可以省去很多不必要的功夫