watch监听不到路由的变化

最新推荐文章于 2023-09-01 15:32:16 发布
最新推荐文章于 2023-09-01 15:32:16 发布
阅读量1.5k 收藏 1
点赞数 2
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014788505/article/details/111991946
版权 
 1. 首先watch是组件的一个属性，能监听到的前提是这个组件没有被销毁；
 2. watch在父子路由间不会出现监听不到路由变化这种情况；
 3. 监听不到是因为组件被销毁了，解决这种方法是在router-view外面
    加一层标签keep-alive标签；
 5. keep-alive存在的意义就是使组件不被销毁；

<keep-alive>
    <router-view/>
</keep-alive>
zongfunday
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue使用watch 观察路由变化，重新获取内容
08-31
本篇文章主要介绍了vue使用watch 观察路由变化，重新获取内容 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
vue路由监听失效
weixin_39031037的博客
08-26 3303
场景："vue": "2.6.10" "vue-router": "3.0.2", 写法一 watch: { $route(to, from) { debugger; }, }, 亲测，监听失效 写法二 watch: { $route: { handler: function(val, oldVal){ console.log(val); }, deep: true // 深度观察监听 } }, 亲测，监...
vue watch监听路由失效
最新发布
前端~锋小张
09-01 679
监听路由变化时候 需要立即执行监听，否则失效。
keep-alive时watch路由route引起的问题用activated解决
lk_123456的专栏
01-16 2255
不添加keep-alive每次进入页面都会重新渲染页面，添加了keep-alive后只渲染一次。但是有个小问题： 动态路由的参数改变后，还是加载以前的页面，created中的数据请求不执行。 此时如果在watch中监听$route是可以的，如果监听到 route 参数变了就重新请求数据（created 中的函数）。 上面方法可以解决，但是由于页面是 keep-alive 的，所以只要路由变了（如...
Vue--Router--解决watch监听路由无效的问题
IT利刃出鞘的博客
08-24 3202
说明 本文用实例介绍如何解决watch监听路由无效的问题。 需求 有两个组件：A和B，它们对应的path分别是：/a、/b。A组件引入B组件，并通过router-link跳转到B组件。想在A和B两个组件中打印出路由跳转的日志。.........
vue-router的$route监听失效问题
曹天笑_笑笑笑的博客
12-29 4952
watch监听$route失效问题
vue 中 watch监听首次不生效解决办法
and_life的博客
05-11 3071
首次监听不到时 可以使用immediate方法，其值是true或false；immediate:true代表如果在wacth里声明了之后，就会立即执行里面的handler方法。this.handleRouteParam() // 处理路由跳转后的页面渲染数据。
vue3中监听路由，被重复执行问题
wangyuiba1314的博客
05-11 3130
vue3中监听路由，被重复执行问题 项目场景：监听route变化，当已经离开了页面，watch却还在被触发 问题描述 本来我是在Layout文件中监听了路由 但是我发现我前往非Layout下的路由,比如404页面，watch依旧被触发，并且从404页面返回时，watch会一直执行两次，除非刷新 Layout/index.vue watch(() => route, (val) => { // ... }, { immediate: true, deep: true
路由监听不生效简单解决
weixin_52594927的博客
06-16 385
【代码】路由监听不生效简单解决。
vue页面已经跳转，但是watch获取不到$route
OldStreet61的博客
09-03 7081
1、问题描述： 在开发的时候使用 this.$router.push({path:"/test",query:{name:"test"}}) 进行页面跳转， 页面已经跳转至test了，并且路由显示"test?name='test' " （1）watch监听获取 $route(to, from) { console.log(this.$route);//打印空对象，获...
vue.js使用watch监听路由变化的方法
12-11
watch除了可以监听数据的变化，路由的变化也能被其监听到 效果如下： 具体代码 当路由发生变化后，在watch中写具体的业务逻辑 let vm = new Vue({ el: "#app", data: {}, router, watch: { '$route.path': ...
vue中监听路由参数的变化及方法
10-15
这时，我们就需要利用Vue的`watch`功能来监听路由参数的变化，以便动态地获取新数据。 Vue的`watch`对象允许我们监听并响应数据的变化。对于路由参数，我们可以监听`$route`对象，这是一个全局注入的引用，包含了...
解决vue 路由变化页面数据不刷新的问题
08-27
总结，解决Vue路由变化时页面数据不刷新的问题，关键在于正确监听路由变化并及时更新组件中的数据。这可以通过`watch`、`beforeRouteUpdate`或直接在`created`钩子中处理数据请求来实现。确保每次路由变化时，组件都...
vue中的watch监听数据变化及watch中各属性的详解
01-19
首先确认 watch是一个对象，一定要当成对象来用。  对象就有键，有值。 键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。...（一般监听时是不能监听到对
vue中使用watch监听$route 无效问题
热门推荐
马优晨
04-16 1万+
vue 中使用watch监听$route失效问题！在watch里面监听$route变化，发现并没有监听到。 路由： { name: 'secondUser ', component: secondUser, path: '/secondUser', } 页面监听： watch:{ '$route'(to,from) { ...
vue 跳转同一个页面数据不更新问题（监听路由参数）
qq_41615095的博客
06-15 486
今有需求查看通知需打开消息页面，出现连续打开只显示第一条消息，created、activated 等都不会再次触发，智能通过监听路由参数更新数据。
（Vue）页面跳转，但是watch获取不到$route
weixin_44068394的博客
03-23 2300
问题描述：从子组件回退到子组件时 要在父组件执行操作，使用$route作为监听条件 { path: 'sgjd', name: 'home-user-sgjd', component: sgjd, children: [ { ...
vue3使用watch失效的一个原因
qq_55014853的博客
03-07 8363
vue3watch失效的一种原因
关于vue props watch监听不生效的问题
糯米鸡的博客
06-13 2237
发现子组件初始化的时候（页面初次加载），watch里的函数并没有执行，必须在created里面调用一次this.getDetail(this.id)，才能初始化执行。里手动调用一次，就必须使用。
vue watch监听不到路由地址变化
05-24
如果上述方法依然无法监听到路由地址的变化，可能是因为你的路由地址没有发生变化。你可以在浏览器控制台中打印 `$route` 对象，观察 `$route.path` 和 `$route.query` 是否有变化。如果没有变化，可能是因为你使用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值