iview设置全局提示

ゝ一世哀愁。 2022-02-26 12:58 437阅读 0赞

# 前言 #

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

# 没有进行自定义设置 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70]

# 进行自定义设置 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 1]

# 设置方式 #

##  整个项目上全局配置 ##

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

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

##  某个组件中全局配置 ##

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

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

# 总结 #

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70]: /images/20220226/ec8160fe450a468fbc7345a54903a8c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3NTA4NTMx_size_16_color_FFFFFF_t_70 1]: /images/20220226/94b987a7c331443ba2c109301eefd5ec.png

发表评论取消回复

表情：

评论列表（有 0 条评论，437人围观）

还没有评论，来说两句吧...

相关阅读

相关 iview 组件设置头像更换

基于iview 组件设置头像更换  <div style="width: 100%;heig

柔光的暖阳◎/ 2023年01月09日 15:31/ 0 赞/ 144 阅读

相关 vscode 全局检索提示排除设置和忽略文件被禁用了

vscode 解决全局检索时会检索 node\_modules 目录，提示：排除设置和忽略文件被禁用了 ![watermark_type_ZmFuZ3poZW5naGVpdG

一时失言乱红尘/ 2023年01月01日 15:49/ 0 赞/ 251 阅读

相关 maven 全局设置和用户设置

maven的全局setting及用户setting maven仓库地址、私服等配置信息需要在setting.xml文件中配置，分为全局配置和用户配置。而pom.xm

电玩女神/ 2022年12月27日 09:06/ 0 赞/ 263 阅读

相关 postman设置全局token

设置全局token ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4

悠悠/ 2022年12月02日 04:11/ 0 赞/ 211 阅读

相关 iview table高度动态设置

iview table高度动态设置在使用iview table表格组件的时候，由于我的屏幕分辨率比较大，在自己pc机上设置的固定高度很适合，在测试（tes

- 日理万妓/ 2022年06月02日 02:24/ 0 赞/ 236 阅读

相关 Idea全局设置

Setting设置只对，当前项目的设置 ![这里写图片描述][70] Default settings 对全局，默认进行设置 ![这里写图片描述][70

柔情只为你懂/ 2022年05月14日 09:23/ 0 赞/ 269 阅读

相关全局等待提示框

xmal代码（Loading.xaml）： <UserControl x:Class="Longshine.SLLib.CommonXaml.Loading"

朱雀/ 2022年04月22日 03:48/ 0 赞/ 171 阅读

相关 SpringBoot全局路径设置

第一步，创建一个拦截器，实现前置处理方法 public class BasePathInterceptor extends HandlerInterceptorAda

短命女/ 2022年04月14日 02:25/ 0 赞/ 336 阅读

相关 postmain-全局变量设置

测试工具postmain 全局请求参数设置 Pre-request-Script中添加脚本 postman.setGlobalVariable("secret

太过爱你忘了你带给我的痛/ 2022年03月24日 15:12/ 0 赞/ 363 阅读

相关 iview设置全局提示

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

ゝ一世哀愁。/ 2022年02月26日 12:58/ 0 赞/ 438 阅读