1.必须使用keep-alive才有效果(App.vue中添加)。 <keep-alive> <router-view></router-view> </keep-alive> 2.activated活跃状态下。 3.deactivated不活跃状态下。 ...
分类：
其他好文 时间：
2021-07-05 16:57:44
阅读次数：
0
点击首页下的新闻子路由再点击档案，再次点击首页显示的还是新闻子路由。 1.Home.vue data() { return { //1.data定义默认值 path: '/home/news', }; }, activated() { // 2.默认值传入touter console.log('ac ...
分类：
其他好文 时间：
2021-07-05 16:57:00
阅读次数：
0
created()：在创建vue对象时，当html渲染之前触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数 ...
分类：
Web程序 时间：
2021-05-24 13:46:34
阅读次数：
0
背景： 新需求：组件用keep-alive缓存的时候，不同页面跳转过来，需要判断走不走数据请求 但是要知道keep-alive 这种情况下路由跳转，生命周期mounted 是不触发的。 解决方法： 要换成activated生命周期。 思路是：data设置一个字段（比如prevCityId） 状态管理 ...
分类：
其他好文 时间：
2021-04-13 11:50:41
阅读次数：
0
vue官网的描述： <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 当组件在 <keep-alive> 内被切换，它的 acti ...
分类：
其他好文 时间：
2021-04-07 10:41:42
阅读次数：
0
vue、element-ui 后台菜单切换重新请求数据，可用activated()替代created()/mounted() ...
分类：
其他好文 时间：
2021-01-27 12:54:54
阅读次数：
0
问题简述：页面第一次跳转之后，数据可以正常渲染，但第二次进入之后，页面无法正常渲染 解决问题：之前开发项目时最常用的是created，其他的基本不用，但是这次组件做了缓存之后，发现页面渲染一次之后，再次打开时不再走created函数了，官方文档有一个activated函数，故而使用这个，发现再次打开 ...
分类：
其他好文 时间：
2020-05-12 11:55:44
阅读次数：
67
错误描述：在执行maven install的时候有时会出现 The requested profile “pom.xml” could not be activated because it does not exist 的错误解决办法：在项目中单击右键 --属性 --maven,将此处清空保存即可 ...
分类：
其他好文 时间：
2020-04-28 17:24:46
阅读次数：
49
1、通过keep-alive和router-view实现路由缓存，具体代码如下：在app.vue： <router-view v-if="!$route.meta.keepAlive"/> <keep-alive> <router-view v-if="$route.meta.keepAlive"/ ...
分类：
其他好文 时间：
2020-04-23 18:50:16
阅读次数：
152
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activated {color: red} </style> <scrip ...
分类：
其他好文 时间：
2020-03-05 13:24:44
阅读次数：
74
