vue activited 无效问题

骑猪扛钢枪

已于 2024-05-19 14:59:21 修改

阅读量426

点赞数 1

文章标签： vue.js 前端 java

于 2024-05-19 14:48:11 首次发布

本文链接：https://blog.csdn.net/qzkgq/article/details/139042774

版权

<keep-alive >

<router-view></router-view>

</keep-alive>

且只有在keep-alive 包裹下得<router-view></router-view>才生效

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

骑猪扛钢枪

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

【keep-alive失效问题】使用Vue的keep-alive缓存前一个页面查询条件失效问题

✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。

05-06

1171

今天遇见一个问题，就是需要在多个tab页面之间切换的时候，需要保留之前tab页面的查询条件。例如：在前一个A页面输入了一些查询条件后，切换到另一个B页面时候，再次切换到A页面，发现A页面的查询条件会被重置，不会被缓存。（1）问题描述问题是这样的，我写了一个【A.vue】页面，在【activited()】钩子函数里面调用查询后端数据的方法，然后在后台系统里面切换路由页签的时候，返回到【A.vue】页面，发现每次切换回【A.vue】页面，这个页面之前的查询条件都会被重置，并且重新查询数据。这里说的t

Vue3通透教程【一】Vue3现状—必然趋势？

最新发布

weixin_49066399的博客

03-25

1780

标签的 exclude属性排除需要重新发送请求的组件。需要注意exclude的值要和组件本身的name值要一致，如果不一致就会不生效。目前我出现的就是组件界面本身的name值和exclude不一致才不生效。状态时不会发送请求，这时需要使用。

vue 组件初始化为啥不执行activated分析

uniquepeng的博客

04-14

5133

结论：子组件在页面初始化时没有加载，而是通过异步请求方式来控制组件是否要加载通过v-if来控制的，这样导致页面父组件已经初始化完成时子组件才开始渲染，从而不执行子组件的activated钩子函数。后延时函数换成new Promise函数后可以实现子组件初始化时执行activated，所以我弱弱的觉得是父组件执行activated之前渲染子组件，就可以初始化时触发子组件的activated。问题描述：页面初始化时即页面第一次打开或者刷新浏览器时，父组件会执行created和activated。

element-admin-vue使用f5刷新页面没有执行activated生命周期

Hexin666的博客

08-28

4348

element-admin-vue使用f5刷新页面没有执行activated生命周期最近使用这个框架时遇到一个小问题，就是使用缓存的组件强制刷新是不会执行activated生命周期。耐着性子去看了一下框架代码，发现是在layout文件夹下面的tagsView中监听路由的变化去保存需要缓存的组件，使用的是addTags()这个方法。方法体执行了什么就暂且不讨论了，需要注意的是这个方法是在tagsView组件的mounted生命周期中执行的。而我们所写的页面组件是处于跟tagsView同级的组件appMai

vue 双向绑定问题$emit无效

luoteen的博客

11-09

3595

父组件变量传给子组件，子组件$emit 触发父组件的方法修改父组件的变量，但是父组件的值变了，子组件的值没有改变父组件： <div> // 子组件 <son :status.sync="status"/> </div> <script> export default { data(){ return{ status:false } } } </script> 子组件： <div @click="change"&gt

vue 直接输入路由地址进入_vue地址栏直接输入路由无效问题的解决

weixin_34581259的博客

12-23

2382

vue 项目只要不是静态页面，一般都会和官方的路由管理器 vue-router 一起使用。最近项目有一个需求，是在地址栏输入路由，跳转到对应路由组件，在开发环境中这样做是可以跳转的，但是项目打包后，通过地址栏跳转会报错。因为 vue 在页面上显示哪个组件是根据 vue-router 进行控制的，在地址栏上直接输入路由名称，并不能触发 vue-router 的规则，所以只能通过监听地址的改变，利用回...

解决Vue Scss中/deep/无效问题

News777的博客

04-25

4104

问题 Syntax Error: SassError: expected selector. ╷ 850 │ /deep/ .el-table__body{ │ ^ 解决在vue中，深度选择器>>>,/deep/和::v-deep都是>>>的别名，在scss中不识别/deep/, 可以使用::v-deep

vue - vuedraggable的使用以及处理兼容问题（拖拽无效问题）

sunshime的博客

10-20

8203

在实现一个移动端项目的时候，根据产品需求，要实现一个既能增加删除又可以拖拽调换位置的效果，然后我使用了draggable组件，然后发现放到手机上的时候苹果(ios)手机可以正常使用，但是安卓手机（例如华为pro40）的有些是不可以正常拖拽、增加和删除，只能一开始正常操作两三个，然后后面就怎么点都没有什么反应。通过多次尝试和查找方法，最终找到了解决办法，我在这里总结一下。一、效果图二、拖拽及点击无效解决方法只需要在设置handle属性就可以了，vuedraggable的文档中有说明 optio

actived生命周期_vue生命周期钩子函数actived没有执行

weixin_39643255的博客

01-12

2057

调用actived钩子函数，发现代码没有执行.......为何vue背景技术选型：vue+vue-router+vuex第一步：路由配置文件设置keepAlive=truevue-router//index.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({...

Vue 钩子函数activated未触发

最是人间留不住，朱颜辞镜花辞树。

08-26

4107

qwq

keep-alive vue不起作用的原因

Seety_ST的专栏

05-09

2万+

keep-alive 从列表页进入到详情页，再回到列表页，然后页面又重新请求，而不是直接读缓存里面的（ps：之前keep-alive用在项目中是可以起作用的，但是不知道为什么这两天就出现了这样的问题。就连activated，deactivated这两个钩子函数也是没有触发到）具体代码如下我尝试在项目中新建一个很简单的页面，也是没有效果。一开始以为是vue的版本过低导致的，看了一下v...

关于 vue-router activated deactivated 不能使用问题

大雾起了清晨

03-17

1170

关于 vue-router activated deactivated 不能使用问题

使用better-scroll返回原先页面浏览位置会出现activated失效的问题解决

戎码江湖

03-22

793

场景：使用better-scroll。做一个页面切换，切换回去原先浏览过的页面任然保留原先的位置。异常说明：当快速来回切换两个页面的时候，有机率出现不会跳转到原先浏览过的位置，而是出现在原页面的起始位置。问题解决： 1.一开始写的代码： activated() { this.$refs.scrollValue.backToTop(0, this.saveY, 0) ...

Vue学习总结

此家伙很懒

11-04

3613

Vue内容总结

当使用exclude时对应的组件activated() deactivated()不执行

阿鹏的博客

12-15

1057

Vue中使用keep-alive对组件进行缓存，exclude属性表示要去除被缓存的组件，其它组件都会被缓存。当使用这个属性后，对应的这个组件的activated() deactivated()方法就不会执行了。 activated() { window.addEventListener('scroll', this.handleScroll) }, deactivated()...