vue 您所在的位置:网站首页 vue滚动到指定位置 vue

vue

2023-04-14 19:08| 来源: 网络整理| 查看: 265

1.在router.js里面(即路由文件中)

const router = new VueRouter({   mode: 'history',   routes,   scrollBehavior (to, from, savedPosition) {     if (savedPosition) {       return savedPosition     } else {       if (from.meta.keepAlive) {         from.meta.savedPosition = document.body.scrollTop       }       return { x: 0, y: to.meta.savedPosition || 0 }     }   } })

2.在router.js里面需要记录位置的单页面里面

let routes = [   {     path: '/',     name: 'home',     component: home,     meta: {       title: 'home',       keepAlive: true     }   }

3.App.vue里面  这样写的意义就是不缓存所有页面,哪个地方写了 keepAlive:true,哪个地方就记录位置(加缓存)

         

4.位置确实记录上了(加缓存,返回不刷新页面),也就是说,返回不触发created,所以有些页面需要返回触发的东西都写在activated里面。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有