美文网首页
vue 通过 router.push 跳转页面时出现跳转缓慢

vue 通过 router.push 跳转页面时出现跳转缓慢

作者: Annun | 来源:发表于2023-06-07 09:39 被阅读0次
  1. 检查路由拦截里面是否有请求
  2. 使用router.resolve
let url = '';
 
url = this.$router.resolve({
    path: '/path',
   query:{
      ...
   }
})
 
window.open(url .href, '_self');
  1. 检查destroyed
  2. 是否有大量数据

------------------- 上述方法来自互联网 -------------------
我的解决办法
给每个路径加一个名称,使用名称跳转,秒跳转,Nice

  router.push({
    name: 'PathName',
    query: {
        ...
    }
  });

相关文章

  • 关于Vue路由传参的一些问题

    在Vue中涉及到页面跳转的时候一般会使用this.$router.push()方法进行页面跳转,而跳转时需要携带参...

  • Vue笔记

    1.vue文件之间使用路由跳转传值: this.$router.push({ path:'要跳转的页面路径',...

  • vue this.$router.push 跳转地址不对

    在使用this.$router.push()进行页面跳转时遇到一小问题,带参跳转后,再次通过this.$route...

  • vue 中query 和params传参

    跳转到home.vue页面:this.$router.push({name:'Home'}) 或者this.$ro...

  • vue跳转页面

    vue有两种方法跳转页面 使用router-link 使用$router.push 。在需要被触发跳转的元素上绑定...

  • vue页面跳转 vue生命周期

    1.vue页面跳转 // 字符串this.$router.push('/home/first') // 对象thi...

  • Vue

    1.函数路由跳转:this.$router.push('detail') 2. SEO 思路处理 Vue 单页面 ...

  • 编程式导航

    编程式导航:就是写逻辑让页面跳转 跳转写法: path跳转 this.$router.push('路径') 对象...

  • vue-$router.push、$router. replac

    页面跳转: 1:this.$router.push({path:’./orderList’,query:{id:2...

  • 解决Vue中的NavigationDuplicated 报错

    最近遇到一个这样的问题: 在当前页面点击导航跳转当前页面,跳转方法用的是 this.$router.push({ ...

网友评论

      本文标题:vue 通过 router.push 跳转页面时出现跳转缓慢

      本文链接:https://www.haomeiwen.com/subject/dgunedtx.html