js 实现几秒后跳转

最新推荐文章于 2023-05-02 11:37:53 发布

原创最新推荐文章于 2023-05-02 11:37:53 发布 · 493 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

vue 同时被 2 个专栏收录

71 篇文章

订阅专栏

elementui

49 篇文章

订阅专栏

文章介绍了在Vue.js应用中进行页面跳转的两种方式：普通跳转和基于路由的跳转。在处理路由跳转时，由于异步操作中this的指向问题，需要在外层保存this引用，然后在setTimeout内部使用that来调用$router.push方法进行页面切换。如果保存数据成功，页面将在1.5秒后跳转到/mainIndex，否则显示错误通知。

1. 普通跳转

2. 跳转路由

1. 普通跳转

setTimeout(function () {

        //实现方法

        }, 1500);

2. 跳转路由

在里面，不能直接写this.$router/push("/") ,会报错，

解决方法：先在外层定义，let that=this;然后在里面使用that

async SaveData(param) {
      let that = this;
      let resultdatas = {
        code: 200,
        msg: "保存成功，即将跳转到首页",
      };
     
      if (resultdatas.code === 200) {
        Message.success({
          message: resultdatas.msg,
        });
        //过几秒执行
        setTimeout(function () {
          that.$router.push("/mainIndex");
        }, 1500);
      } else {
        Notification.error({
          title: "提示",
          message: resultdatas.msg,
          offset: 50,
        });
      }