版权声明:本文为博主原创文章,未经博主允许不得转载。 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里的封装既彻底,还会给你留下一些可以自定义的设置,很完美。