iview设置全局提示
前言 iview里有封装好的全局提示的方法,这为我们的开发提供了便利。iview里的全局提示有预先设置好的位置和显示时间,但是这其实也是可以自己设置的。没有进行自定义设置进行自定义设置设置方式 整个项目上全局配置 在main.js文件下写,这样所有的Message组件都会拥有下方的设置。Vue.prototype.$Message.config({top: 120,...
·
前言
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里的封装既彻底,还会给你留下一些可以自定义的设置,很完美。
更多推荐
已为社区贡献17条内容
所有评论(0)