vue页面跳转的同时把$message消息语句删除

Love The Way You Lie 2023-06-20 10:53 21阅读 0赞

一，创建一个message.js文件

import { Message } from 'element-ui';
    
    export const  warningOpen=(msg)=>{
        Message({
            showClose: true,
            message:msg,
            type: "warning",
            center: true,
            duration:3000
         })
    }
    
    export const  errorOpen=(msg)=>{
        Message({
            showClose: true,
            message:msg,
            type: "error",
            center: true,
            duration:3000
         })
    }
    
    export const  successOpen=(msg)=>{
        Message({
            showClose: true,
            message:msg,
            type: "success",
            center: true,
            duration:3000
         })
    }
    
     export function warningClose(){
        Message.closeAll();//全局删除Message语句的方法
      }

二，引入message语句

//引入
    import  {warningOpen,errorOpen} from '@/assets/JS/message';
     
     
    //方法
      toSearch() {
           this.chindData = this.$refs.selectData.dataMsg;
          this.$api
            .PREVENT_MANAGE("createdtime=" + this.chindData + "")
            .then(res => {
              if (res.data.errcode == 0) {
                let datas = res.data;
                this.tableData = datas.items;
              }else if(res.data.errcode == 2){           
                  this.tableData = [];
                  this.Alltotal = 0;
     
                  warningOpen(`${res.data.error}`);  
               
              }else{
     
               errorOpen(`${res.data.error}`);
              }
            })
            .catch(err => {
              console.log(err);
            });
        },

三，找到要跳转页面方法的地方，如侧边导航栏跳转页面时，当前页面的message语句不管定义的是多少秒，都直接删除该提示语句

//引入
    import  {warningClose} from '@/assets/JS/message';
    
    
      methods: {
        goUrl(val) {
          this.showid = val;
            this.$router.push({ name: val, query: { id: val } });
    
             warningClose();//跳转页面后，调用全局删除message语句的方法
          
        }
      }