问题：vue在返回上一页的时候执行this.$router.go(-1) ，默认会让上一页重新执行一遍生命周期。解决方法：缓存上一页的数据，让其在已经存在的情况下，再次显示不重新执行生命周期；模板代码 (分发路由的页面)：<!-- 缓存的页面 --><keep-alive><router-view v-if="$route.meta.keepAlive">&lt

这是一个常用的场景：用户在一个填写很多数据的表单页面，填写部分数据后，想返回到上一页做其它操作。这时产生了一个离开页面保存数据的需求。需要的知识点和步骤：监听离开页面的时机（建议用vue-router中的组件导航守卫：beforeRouteLeave）；存储（建议用：window.localStorage 或者 vuex）；下次进来之前读取缓存，如果有就赋值；下面写下实现的教程：监听离开页面的时机

场景：A跳转B，B跳转C。B在A第一次跳转B的时候，做了缓存，A在跳转B的时候，就不会重新走生命周期了。但真实的场景是，A在每次 跳转B的时候，都希望刷新，而C在返回B的时候，B需要保留现场，也就是用缓存的方式呈现。如下图：现在问题来了，如何解决紫色圈中的问题，清除pageB的页面缓存。解决思路：每次在pageB 返回pageA的时候，清除pageB 的缓存数据。所以这样在下次pageA跳转pag

场景：判断一个页面有没有上一页，没有就关闭页面，有的话就返回上一页测试了多种方法后，最后用window.sesstionStorage 结合router.afterEach实现了。我解决的思路：1）用window.history.length，如果 =1则是关闭页面，否则是返回上一页。最后发现history.length只增不减，它只记录你一共看了多少个页面；放弃；2）用document.refe

问题：vue在返回上一页的时候执行this.$router.go(-1) ，默认会让上一页重新执行一遍生命周期。解决方法：缓存上一页的数据，让其在已经存在的情况下，再次显示不重新执行生命周期；模板代码 (分发路由的页面)：<!-- 缓存的页面 --><keep-alive><router-view v-if="$route.meta.keepAlive">&lt

问题：vue在返回上一页的时候执行this.$router.go(-1) ，默认会让上一页重新执行一遍生命周期。解决方法：缓存上一页的数据，让其在已经存在的情况下，再次显示不重新执行生命周期；模板代码 (分发路由的页面)：<!-- 缓存的页面 --><keep-alive><router-view v-if="$route.meta.keepAlive">&lt

公司最近的vue项目运行在安卓5或者IE浏览器中会白屏，找到了一招方法立马解决该问题，亲测有效出现问题的原因：浏览器兼容性问题，不支持ES6新特性，所以思路是加一些ES6转ES5的垫片，具体步骤如下：本方法适用于Vue CLI 4.x的vue2项目1、第一步在main.js中引入：import 'core-js/stable'import 'regenerator-runtime/runtime'

vue 清空路由

vite和webpack的区别

scrollTop 设置 不生效；scrollTop 一直为0；