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

一，创建一个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语句的方法
      
    }
  }