vue router 根据不同的id切换链接界面不刷新

Posted 2020-10-03 前端开发-阿锋

我们一般使用vue的router时候会根据不同的id来切换界面，但是界面没有立刻刷新。下面我们讲下如何解决这个问题。

html:

<template>
  <div id="app">
    <router-view :key="randomId"></router-view>
  </div>
</template>

js:

export default {
  computed: {
    randomId () {
      return this.$route.fullPath + new Date()
    }
  }
}

我们通过加个动态变化的参数，让界面可以触发钩子进行刷新