vue页面刷新问题：返回之前打开的页面，走了create方法（解决）

已于 2024-03-07 18:57:53 修改
阅读量568 收藏 4
点赞数 10
文章标签： 笔记 vue.js
于 2024-03-07 18:45:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1424261303/article/details/136542570
版权
本文讨论了在Vue开发中遇到的问题，即页面刷新时如何保持与创建方法相关联，关键在于保证name属性与浏览器地址匹配，即使大小写不敏感，通常首字母大写也可正常工作。
摘要由CSDN通过智能技术生成

vue页面刷新问题：返回之前打开的页面，走了create方法（解决）

直接上图，
我们在开发的时候经常会复制粘贴，导致vue文件的name没有及时修改
在这里插入图片描述

我们需要保证name和浏览器的地址一致，这样才能实现缓存
切记设置name必须跟url名字相同
在这里插入图片描述
不过谷咕咕发现好像首字母大写也没事

谷咕咕
关注
  • 10
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue项目做菜单权限时动态路由出现死循环的问题以及刷新页面store数据丢失页面空白问题
qq_37635012的博客
11-10 2435
vue动态路由
【Django-vue-admin学习笔记】前端页面按钮权限控制
Mr数据杨
12-01 1168
前端页面权限控制是一种重要的安全措施，它需要与后端的安全策略紧密结合，共同构成一个全面的应用安全体系。安全性: 仅依赖前端权限控制是不够的，因为客户端代码可以被篡改或绕过。后端的权限验证是必不可少的。用户体验: 合理设计权限控制可以提升用户体验，避免无权限的用户看到不应该看到的功能或信息。数据保护: 前端不应加载用户无权访问的数据，即使这些数据在界面上不可见。
vue单页面切换，返回到上个页面的时候要进行刷新
小柠檬爱编程
09-10 1782
created():创建vue对象时，html渲染之前触发；也就是说created()只会触发一次。 activated():在vue对象存活的状态下，进入这个页面就会触发activated()函数，可以用来初始化页面数据（刷新页面） deactivated():离开组件时执行； activated()和deactivated()只有在keepalive:true的情况下才会生效 //调用这个函数可以实现刷新,(位置不要写错,与methods,mounted()是同级) activated () {
VUE中created被重复调用(每次进入页面之后都会调用created)
m0_51756019的博客
09-26 4568
vue页面缓存问题
vue路由跳转时，缓存跳转前页面的数据，防止重复调用created方法，指定调用某个方法
weixin_45160383的博客
07-20 2419
点击A页面的按钮路由跳转到B页面时，保留A页面数据，并且返回A页面也不会重复执行。3.完成上面就可以进行路由缓存了，但是距离我们需求还差一步返回A页面也不会重复执行。2.router下的index.js中设置路由跳转是否需要缓存，如果需要缓存增加。方法，但是需要指定调用某个方法.这时就要用到另外两个知识点。
vue项目子组件每次打开显示的都是上一次的内容怎么办
肖肖肖丽珠的博客
08-15 6871
打开一个子组件的弹窗编辑完成弹窗关闭但是当第二次打开还是上次编辑完的那个状态。发现并没有清空里面的数据。而且没有重新走created。 这个时候的解决办法是你把弹窗写个v-if和visible.sync写一样的变量。这样就可以啦。 <!--添加新的资源的弹窗--> <el-dialog :visible.sync="uploadDialogVisible" v-if="uploadDialogVisible" width="50%" ...
vue3使用keep-alive，不生效，依旧调用created,mounted问题
最新发布
qq_41859063的博客
02-06 2942
先描述一下我的需求，a页面在onMounted里面请求了数据，再次返回a，就会重新请求数据导致页面再次渲染，解决这个问题我需要在再次返回a页面时不走onMounted，这里就需要是哟个keep-alive实现。
vue项目双击html页面,vue 项目刷新界面出现404问题 , 正常点击跳转没问题
weixin_29585933的博客
06-03 887
这个原因的本质是 history 和 hash 的区别以 www.louhc.com/jichu/123 为例子(123为变量)直观上的区别是：hash模式下，在浏览器地址栏里面会有: www.louhc.com/#/jichu/123 这种带 # 号的情况,视觉上不太美观。history模式下,地址栏为:www.louhc.com/jichu/123 不会出现带#的情况 。致命区别hash模式下...
Vue-Router: keep-alive实现页面后退不刷新，前进刷新
qq_43650979的博客
09-01 1342
想要实现的效果 当从页面A跳转到页面B后，又从页面B回退到页面A，这时候页面A不再刷新，而是从缓存中读数据； 从除了B以外的页面C前跳转到A页面时，刷新A页面。 实现 方法1 首先在A页面的路由配置中设置keep-alive缓存： { path: '/plan/create', name: 'createPlan', meta: { title: '填写周计划', allowBack: true, keepA
VUE 返回上一页 不刷新页面、重复进入同一页面created重复执行、每次进入页面时都执行created、vue单页面多路由，前进刷新，返回不刷新
夜阑珊妖妖
04-05 6299
每次进入页面时都执行created、前进刷新，返回不刷新 思路： 利用 keep-alive与vue-router配合使用 ，判断哪些页面需要每次进入刷新，哪些页面不需要每次进入刷新； keepAlive: true // 不需要每次进入刷新 代码： app.vue <div id="app"> <!-- <div id="nav"> <r...
vue的一个重要的点，vue 多个 路由链接跳转到同一个view下面，只不过带的参数不同的话，它会只有第一次进去的时间执行created函数，其他的不会执行，这是一个非常需要注意的点
qq_42217228的博客
04-14 908
只能watch 监听路由的变化来执行自己的查询数据库操作，否则这个代码放在 created 里面，只会执行一次，非常的 bug 我已开始也以为，每次跳转路由，它自己会重新刷新路由，其实 vue 是复用了，不会在多次执行 created 代码。 ...
若依页面跳转，每次都刷新creatd,mounted函数
m0_61601708的博客
10-18 1036
【代码】若依页面跳转，每次都刷新creatd,mounted函数。
【Vue】replaceState+sessionStorage解决页面刷新后原先在Vuex中的state丢失的问题
Milk~每天分享一点点，技术进步一点点
10-24 1296
replaceState+sessionStorage解决页面刷新后原先在Vuex中的state丢失的问题（状态丢失） 文件目录 利用 pagehide 事件在用户刷新页面时将vuex的store存入sessionstorage中，然后在页面加载时，从sessionstorage中获取，replaceState store created() { // 在页面加载时读取sessionStorage里的状态信息 let store = window.sessionStorage.get
vue中刷新页面或跳转前一页面
qq_44774831的博客
02-10 931
go(-1): 原页面表单中的内容会丢失； this.$router.go(-1)：后退+刷新； this.$router.go(0)：刷新； this.$router.go(1) ：前进 back(): 原页表表单中的内容会保留； this.$router.back():后退 ； this.$router.back(0) 刷新； this.$router.back(1)：前进 ...
vue 组件页面互相跳转 不走created,mounted 问题
Nooneandyou_的博客
11-20 5399
vue页面跳转 想在created 或mounted中 使用初始化函数 不成功 eg： Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行 created,mounted 之类的钩子 1.需要在路由组件中, 添加 beforeRouteUpdate 钩子来执行相关方法拉去数据。 2.设置 router-view 的 key 属性值为 $route.fullPath <router-view
Vue 问题笔记 vue-router单页面应用跳转路由时触发事件
热门推荐
zem
07-13 1万+
在使用vue-router时，我们可以很方便地实现单页面应用，当我们想要跳转到“另一个页面”的时候，只要调用vue-routerAPI中的方法，传入相应的路由作为参数即可。 单页面应用的一个特点是，如果某个路由已经在本地加载过了，即已经将生命周期走到了mounted的时候，如果我们再进入这个页面，不会再执行created和mounted里面的方法。 简单来说，有两个页面A和B，我们使用单页面的...
Vue中关于$router.go(-1)又加载created钩子问题解决并延申keepalive
edcee3030的博客
08-12 1176
开发过程中在b.vue页面$router.go(-1)回到a.vue页面。 竟然执行了a.vue页面的created钩子。百思不得其解，后经实验加查询帖子发现是下面的问题在作怪。 keepalive是这么写的： <keep-alive :include="$store.state.nav.keepAlive"> <router-view ></router-view> </keep-alive> store里面的keepAlive如...
Vue项目中created生命周期重复执行，未缓存下来
qq_38948398的博客
08-31 5244
Vue项目中created生命周期重复执行，未缓存下来，原因是什么呢？
页面回退时原页面刷新
Dolores_zsq的博客
06-30 602
使用this.$router.go(-1)回退页面时，无法携带参数，但需要上级页面刷新，并且上级页面的created并不会再度触发时，采用监听。在上级页面添加监听，这里只要路由发生跳转，则会触发。然后在methods中刷新表格的内容即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

谷咕咕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值