欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

Vue 跳转相同路由携带不同参数,而页面不刷新

发布时间:2023/12/9 vue 64 豆豆
生活随笔 收集整理的这篇文章主要介绍了 Vue 跳转相同路由携带不同参数,而页面不刷新 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

由于组件是复用的,若要对路由参数的变化作出响应的话,就需要在此组件上使用 watch(监测变化) $route 对象

created() {this.listQuery.code = this.$route.query.id;this.getList();},watch: {$route(to, from) {//当参数改变时就会触发比方法,以此达到数据属性this.listQuery.code = this.$route.query.id;this.getList();}},

如果页面中有子组件,子组件中也需要使用 watch 监测变化 $route 对象

总结

以上是生活随笔为你收集整理的Vue 跳转相同路由携带不同参数,而页面不刷新的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。