请问vue如何局部刷新,不影响别的页面,只在当前页面刷新

Question

请问vue如何局部刷新,不影响别的页面,只在当前页面刷新

Answer 1

配置一个route, 如下

{
    path: '/refresh',
    component: () => import('/@/views/base/refresh/index.js'),
    name: 'refresh'
  }

页面里面的代码如下

export default {
  name: 'Refresh',
  beforeRouteEnter(to, from, next) {
    from.meta[`__stamp-${from.path}`] = Date.now()
    next(instance => instance.$router.replace({
      path: from.fullPath,
      meta: from.meta
    }))
  },
  render: () => ''
}

刷新就是直接跳转到这个route就可以了， 例如
router.replace('/refresh')