![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-router
coucouxie
这个作者很懒,什么都没留下…
展开
-
Vue中同一组件,如何监听路由参数的变化
Vue中同一组件,如何监听路由参数的变化 比如http://localhost:8081/#/result?q=1和http://localhost:8081/#/result?q=3在同一组件下,仅仅是路由参数发生了变化,并不会引起触发Vue的生命周期,所以就不能通过生命周期的钩子来实现请求后端数据。 一开始想过go(0)和replace()通过刷新页面来实现,但是这样用户体验不太好。 可以通过watch属性来解决 watch:{ $route(){ this.query=this.$route.quer原创 2020-09-24 23:27:45 · 896 阅读 · 0 评论 -
vue 路由中params传参和query传参区别
query语法: this.$router.push({path:“地址”,query:{id:“123”}}); 这是传递参数 this.$route.query.id; 这是接受参数 params语法: this.$router.push({name:“地址”,params:{id:“123”}}); 这是传递参数 this.$route.params.id; 这是接受参数 以上就是这两种方法得语法,那大家也能从中看出一点区别: 1.首先就是写法得不同,query 得写法是 用 path 来编写传参地址转载 2020-08-23 12:35:16 · 245 阅读 · 0 评论