vue做详情页跳转的时候使用created方法 数据不会更新

最新推荐文章于 2024-04-29 20:03:13 发布
最新推荐文章于 2024-04-29 20:03:13 发布
阅读量1w 收藏
点赞数
文章标签： 带参数跳转详情页 created方法数据不会更新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rocky_cx/article/details/81487098
版权

大家在做项目的时候肯定会遇到携带某个参数跳转到详情页 然后取这个参数，下面是重点

刚开始我用cookie把这个参数存起来在详情页面取这个参数发现只有第一次取到的是正确的 你在回到父页面在点击进详情页发现取到的数据跟原来的一模一样根本没有发生改变（因为router跳转时是不会刷新页面的所以导致我取得值永远不能更新），我以为是cookie有问题了后来又用了query携带参数跳转，sessionStorage方法存取发现都不行，看下图解决办法
这里写图片描述

这里写图片描述
我也不知道其中是什么原理 没搞明白 但是解决了问题了，看了文档还是没理解这两个方法具体区别

Rocky_cx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue - 修改 data 数据不变 / 视图也不变（监测不到 data 数据变化 / 双向绑定失效）
王佳斌
06-30 2687
地址没有改变，vue就监测不到数据变化。这个时候，双向绑定就失效了。只要值的地址没有改变，vue是检测不到数据变化出现这种问题后， 响应式数据根本无法修改更新与变更，数据动不了非常头疼，最重要的是，基本上无从下手。本文所提供 2 个解决方案，请您 依次 进行尝试，如 “使用正确” 99% 会生效。以下是个示例，请参考并完成核心代码抽取。 如果是数组的话，用法如下： 二、解决方案 上面的方法几乎可以大部分了，如果还是不行请尝试如下方案。 通过 $set 进行更新，通过 $forceUpdate() 进行更新
关于Vue动态路由参数变化,页面数据不更新问题？
weixin_44271360的博客
06-10 1799
情况分析：路由参数获取现在生命周期里，多次进行参数切换，页面不能够实时监听，导致页面数据不更新， 解决办法：①使用watch对路由进行监听（推荐） watch: { // 方法1 'KaTeX parse error: Expected '}', got 'EOF' at end of input: …变化 if(this.route.params.articleId){ } } //方...
vue路由传参的8种方式！！！
最新发布
m0_74830901的博客
04-29 1772
我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同。
Vue之set设置数据(修改了数据的值但是页面显示没更新)
Jocelyn_书
07-09 2286
在项目中遇到几次数据本身修改了但是视图数据却没有改变的问题。 原因： 受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。 要处理这种情况，我们可以使用$set()方法，既可以新增属性,又可以触发视图更新。 所以如果你在初始化数据时，data对象里只是声明了某个对象，之后要对这个对象进行添加属性赋值，如果是使用 a = b 这种等号赋值的
vue 异步修改data中的值不生效
weixin_52767262的博客
04-05 1735
【代码】vue 异步修改data中的值不生效
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
10-15
主要介绍了解决vue做详情页跳转的时候使用created方法 数据不会更新问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue如何通过id从列表页跳转到对应的详情页
08-27
总结，Vue中从列表页跳转到详情页，主要涉及Vue Router的配置、动态路由参数的使用以及通过`this.$route.params`在详情页获取和处理数据。确保正确配置路由、传递必要的参数，并在详情页适当地处理这些参数，就可以...
vue2中,根据list的id进入对应的详情页并修改title方法
12-09
在Vue2中，实现根据list的id进入对应的详情页并修改title的方法，主要涉及路由、组件间通信以及数据处理等核心概念。以下是对这一过程的详细解析： 首先，我们需要了解Vue Router的基础用法。Vue Router是Vue.js...
vue生命周期-组件参数传递
weixin_43862923的博客
03-13 510
vue生命周期 --------------学习记录 beforeCreate():实例在内存中被创建出来，还没有初始化好data和methods属性。 create():实例已经在内存中创建，已经初始化好data和method，此时还没有开始编译模板。 beforeMount():已经完成了模板的编译，还没有挂载到页面中。 mounted()：将编译好的模板挂载到页面指定的容器中显示。 befo...
在vue的created钩子中使用请求到的数据给data里的变量赋值，报错‘undefined’
My blog
08-25 1万+
代码如下： created() { this.$axios .get(“http://wthrcdn.etouch.cn/weather_mini?city=青岛”) .then(function(response){ this.city = res.data.data.city; this.weather = res.data.data.forecast[0].type; this.temperature = res.data.data.wendu + “℃” }) .catch(function(er.
vue-router路由跳转created不执行，页面不刷新的解决办法
shine1162226的博客
03-19 1万+
vue-router路由跳转created不执行页面不刷新的解决办法 当使用路由参数时，多个路由绑定同一个组件，再切换页面时，因为多个路由都渲染同个组件，此时不会销毁再创建组件而是会复用组件，这也就导致路由参数发生变化，但是页面不会刷新的问题 解决办法： 可以通过vue-router 的钩子函数 beforeRouteEnter beforeRouteUpdate beforeRouteLea...
vue 子组件 created 方法不执行问题
小米粒的博客
05-10 2万+
近期做了一个项目 里面有一个树形菜单，将数据写在 js （死数据）中,所有的东西都能够正常执行（i 标签，子节点，父节点），但是当在请求接口文件或者请求后台数据的时候，发现引入的子组件的created方法不执行，但是点击父级菜单展开时还是能够触发，后来发现 是生命周期的问题，仔细查看一下，后来解决 解决方法如下：用watch 检测一下data的数据变化，created方法既然在点击的时候执行，所以...
vue父组件传参给子组件，子组件中获取不到。
zc135565的博客
12-30 9131
在项目中，遇到vue父子组件的传参问题，父组件传参给子组件，子组件在created和mounted等生命周期中获取不到，也无法使用父组件传递过来的参数。 父组件传参，一般分为两种情况： 1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用，子组件在生命周期中是可以获取并使用的。 2、父组件传给子组件的参数，是从接口中获取到的， 可能遇到的问题就是，如果在组件的create...
vue 列表页跳转详情页获取id的方法以及详情页通过id获取数据
荔枝吖阿
12-17 2万+
  1.先在router.js中配置路由 { path: '/movieDetail/:movieId', name: 'movieDetail', component:movieDetail } 2.获取详情页的id,并派发父组件事件（movieList.vue)页面 <li v-for="(item,index) in movies"...
vue——详细页返回列表页，不刷新，保留列表页原来停留位置
Geoff的博客
08-16 2万+
经常有这样的功能，从列表页上选择一项，跳到详细页，详细页看完，返回列表页。这时，列表页的组件会重新创建，也就是要重新从接口请求一次数据，并且会回到第一行，对于数据更新要求不高的业务来说，这样会浪费资源，而且体验页不好（列表一共100条，滑动到了90条了，点进去看好明细，出来，看到的是第1条，想看91条，还得滑下去）。那么怎么能返回到列表页后不刷新呢 ①路由文件： export default...
vue.js页面加载执行created,mounted先后顺序
热门推荐
csdnkongfanhu的博客
02-15 3万+
created页面加载未渲染html之前执行。 mounted渲染html后再执行。 由于created在html模板生产之前所以无法对Dom进行操作而mounted可以。
VUEX采坑之路之获取不到$store
cmy0816的博客
07-10 1万+
今天在写vuex的时候遇到了一个特别无语的问题，找了半个小时才找到这个问题，所以贴出来，大家在遇到和我一样的问题的时候不会太过慌张在第一次写vuex的时候无论如何获取不到$store，后来找了好久才发现是我给全局VUE注入的时候注入的是Store而非store这一个字母之差看上去可能没什么问题，可就是获取不到全局的$store;代码奉上// The Vue build version to loa...
在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在created生命周期里获取不到，也无法使用父组件传递过来的参数。
weixin_49684489的博客
08-25 2907
父组件传参，一般分为两种情况： 1、父组在data中定义的数据直接传给子组件使用，子组件在生命周期中是可以获取并使用的。 2、父组件传给子组件的参数，是从接口中获取到的， 可能遇到的问题就是，如果在组件的created生命周期中获取到参数并进行新数据的获取并进行页面渲染，但此时父组件请求的数据可能还没有完全返回，子组件就开始使用此数据，该数据自然不存在，打印在控制台中的父组件穿给子组件的参数为undefined，因此就会出现父组件传参不及时，子组件使用数据较早，造成数据无法使用。 解决改问题的方法： 在子
vue列表分页跳转详情页后进行上一条下一条
08-31
在Vue中实现列表分页跳转到详情页后进行上一条下一条，可以采用如下的步骤： 1. 首先，你需要创建一个列表页面，用来展示多个条目，并提供跳转到详情页的链接或按钮。可以使用Vue Router来管理页面的路由。 2. 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值