vue2.X 解决同一路由跳转只有参数变化的状况下,组件不刷新的问题

状况:点击导航切换下方组件的内容展现,组件不变,变的只有路由后面的参数spa

<router-link :to="{ name: 'Itemlist', 
              params: {
                category_id: item.product_category_id, 
                category_name: item.product_category_name
              },
            }">{{item.product_category_name}}</router-link>

如上图,路由只前往ItemList;code

这样的问题是路径会切换,可是组件的内容并不刷新,查阅官方文档,router

clipboard.png

而后使用beforeRouteUpdate解决问题blog

beforeRouteUpdate(to, from, next) {
     next()
     //路由后的操做
  },
相关文章
相关标签/搜索