vue页面跳转传惨，数据过去了，页面没有实时更新的问题

最新推荐文章于 2024-05-16 12:56:35 发布
最新推荐文章于 2024-05-16 12:56:35 发布
阅读量222 收藏
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61480985/article/details/131438475
版权
作者在开发一个具有权限区分的模块时遇到问题，模块区分创建人和反馈人，两者看到的图标不同。通过布尔值判断角色并在跳转页面时传递该值，但页面图标未按预期改变。问题在于传递的布尔值在跳转后变成了字符串，而代码中仍按照布尔值进行判断，导致图标显示异常。最终，同事帮助发现了这一错误，强调了不断学习的重要性。
摘要由CSDN通过智能技术生成

我正在写一个模块，然后这个模块有权限设置，分为创建人和反馈人，两人看到的东西不同，颜色图标也不同，就是在首页点击按钮跳转到另一个页面，然后另一个页面里面有的图标会根据你是创建人还是反馈人来分别显示不同的图标， 我的问题就是根据是否是创建人或反馈人是通过boolean布尔值来判断的，然后在跳转页面的时候把这个布尔值传过去，问题就在这里，我布尔值传过去了，也打印出来了，如下图所示

 但是页面图标还是不变，在网上也找了很多，说什么是缓存的问题什么的，方式都试了，不适用于我。最后的解决方法就是，我跳转页面传过来的值已经不是一个boolean了，已经变成字符串了，但是我在代码里判断的时候还是写的布尔值，这种问题，图标会出来才有问题呢！！！

 还是找的我同事帮我看出来的。所以说啊，学习永无止境啊！！！

mini_055
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VUE页面跳转刷新参数丢失问题解决
zzy0609的博客
11-12 7647
VUE页面跳转刷新参数丢失问题解决 一、场景 在做本司一个系统的前台过程中，对展示的数据需要进行出修改。也就是简单的表单提交进行数据修改 二、实现 在以前的开发过程中都是将数据放到session中，由于本次用到的框架为VUE，所以在页面跳转以后参数存储问题，本人是费尽心思，苦于无解，在我点击修改之后。第一次在create方法里面是能够获取到参数的。但是，在f5刷新之后发现并没有参数。（我利用的是V...
vue单页面跳页没有数据了_刷新页面vuex数据不消失和不跳转页面
weixin_40001048的博客
12-22 401
先说点什么vuex和路由拦截这一块捣鼓的有一段时间了,总算是爬出来了,特地来分享一下,首先声明没有什么基础介绍,用的是登录状态存储sessionStorage的方法!!!进入正题刷新刷新相当与重启项目，之前获取到的数据也只是通过store暂存起来，项目关闭时就不见了，这有些像电脑重启，存储在RAM的数据会消失。但是储存在sessionstorage、localstorage和cookie里的内容不...
vue 改变数据后，数据变化页面不刷新
肥晨开发的学习之路
05-11 5170
this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上。this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。在vue项目中，会遇到修改完数据，但是视图却没有更新的情况。使用方法：直接调用即可，或者放到html里面使用。vue 改变数据后，需要滑动页面，数据才更新。vue中表格数据已改变，页面却未更新数据。vue 改变数据后，数据变化页面不刷新。
vue 跳转同一个页面数据不更新问题（监听路由参数）
qq_41615095的博客
06-15 496
今有需求查看通知需打开消息页面，出现连续打开只显示第一条消息，created、activated 等都不会再次触发，智能通过监听路由参数更新数据。
Vue修改数据页面不更新的问题解决_vue数据改变了,但页面数据没有更新(1)
最新发布
2401_84446712的博客
05-16 697
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】在修改值之后将元素销毁,然后在修改后的下一次DOM渲染完成时再显示出来,这样就会触发组件重新加载data的数据进行渲染,data中被修改的数据才是最新的。
关于vue路由跳转后的页面不会刷新的解决办法
qq_51632935的博客
10-11 1万+
关于vue路由跳转后的页面不会刷新的解决办法
解决vue3项目跳转同一页面数据不刷新的问题
qq_44313787的博客
05-06 7590
原因：router-view使用了keep-alive组件，会被缓存，而vue-router的切换不用于传统的页面切换。是路由之间的切换，组件之间的切换，引用相同组件的时候，会被直接调用缓存里面的而不会调用created()，onMoun ted()函数。如图所示：要实现的功能是点击每一个tabs栏下的更多按钮，会跳转到“消息中心”页面，这是点击不用的“更多”按钮，跳转的路由页面是同一个，但是要求页面里的消息类型下拉选择框和列表数据要刷新，显示不同的数据。现在的问题是：页面跳转数据不刷新。
vue 路由跳转 页面数据并没有更新，如何解决
weixin_61334593的博客
11-01 4650
vue 路由跳转 页面数据并没有更新，如何解决
vue页面跳转实现页面缓存操作
11-20
以下是对如何实现Vue页面跳转并进行缓存操作的详细解析： 1. **路由配置**： 在Vue Router的配置中，可以指定某些路由页面需要进行缓存。通过在路由元信息(`meta`)中添加`cache: true`标记，表明该页面需要被缓存...
Vue页面跳转传递参数及接收方式
10-14
本文将详细介绍两种在Vue中实现页面跳转并传递参数的方法，以及如何接收这些参数。 首先，我们需要配置Vue Router，这是Vue.js的官方路由库，用于管理应用的导航。在`src/router/config.js`文件中，我们需要导入Vue...
vue 解决form表单提交但不跳转页面的问题
10-16
在这个例子中，`sub`方法首先调用`event.preventDefault()`以确保不会发生页面跳转，然后使用`$.post`发送表单数据。`$('#msgForm').serialize()`将表单数据序列化为URL编码格式，`http://api.test.ai/visitorinfo/`...
解决vue 路由变化页面数据不刷新的问题
08-27
总结，解决Vue路由变化时页面数据不刷新的问题，关键在于正确监听路由变化并及时更新组件中的数据。这可以通过`watch`、`beforeRouteUpdate`或直接在`created`钩子中处理数据请求来实现。确保每次路由变化时，组件都...
【前端】Vue页面之间跳转传值并解决页面数据不更新问题
m0_64210833的博客
03-27 2308
Vue页面之间跳转传值并解决页面数据不更新问题
Vue路由跳转到同一组件后，路由参数更新但是数据不更新
学而不思则忘
10-12 1397
当多个路由指向同一组件时，回出现路由跳转后，但是页面数据不刷新的问题。 查看官方文档，这是因为原来的组件实例被复用了。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。 这时可以使用下面方法对路由参数变化作出响应： watch(检测变化)$route对象： const User = { template: '...', watch: { $route(to, from) { // 对路由变化作出响应... .
vue中修改数据不生效，页面不刷新
热门推荐
小白成长记
05-02 1万+
数据更新后，页面不刷新的可能原因：1. 初始化时data中不存在该属性；2. 通过索引值修改数组元素。修改方式：1、通过数组的pop(末尾删除)/push(末尾添加)/shift(开头删除)/unshift(开头添加)/reverse(反转)/sort(排序)/splice(起始位置，删除数量，插入元素)方法操作；2、Vue.set(vm.items, indexOfItem，vm.$set(vm.items, indexOfIte；3通过其他方式（filter/map/...）修改数组，并重新赋值给原数组
Vue中数据更新页面不更新的解决办法
weixin_58123321的博客
10-05 537
实现功能为：想要在table中选中每行的第二个数据并同步加载到第四个数据中，开始的时候想要使用push，但是获取的是数组对象，后来使用forEach()方法为每个数组对象添加元素 点击按钮获取数据后，数组改变但是页面不改变，所以使用以下方法： this.Comparison为获取的数组，a.$index为数组对象中元素的下标，constPeople是需要更新的值 this.$set(对象或者数组，对象的属性，传递的值)，原理是使用$set强制更新数据 参考贴：https://seg...
解决vue 同页面跳转不刷新问题
weixin_54009353的博客
05-31 3455
最近有做到一个需求，其中一个点是需要从当前页跳转到当前页的，但后面发现同页面跳转不会进行页面的刷新，进而页面数据还是不变。 需要做到跳转同页面进行数据刷新主要有两种方法 1.用一个空白页面作为中转站（只是这样URL会发生变化） ...
Vue数据更新视图不更新的几种解决方案
weixin_42504805的博客
07-19 9386
Vue数据更新视图不更新的几种解决方案
Vue修改数据页面未被渲染
龘
04-20 2344
直接添加属性的问题 <template> <div> <p v-for="(val,key) in item" :key="key"> {{ val }} </p> <button @click="addProperty">动态添加新属性</button> </div> </template> <script> export default { data:{ retu
vue页面跳转携带数据
07-15
在Vue中，可以使用`router-link`组件来实现页面跳转，并且可以携带数据。以下是一个示例： ...<!-- 在发送页面跳转的组件中 --> ...这样就可以在Vue页面跳转时携带数据了。希望对你有帮助！如果有任何问题，请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值