相同路由携带的参数变化了如何刷新页面

一般情况下，相同路由参数变化不会引起页面刷新

解决办法  在router-view标签中加key

router.js

 

导航栏

 

 

 当携带的参数改变  页面不会刷新

操作：

<template>
     <router-view :key="router.currentRoute.value.fullPath"></router-view>
</template>

<script setup>

import router from '@/router/index.js'

</script>

每次路由改变 fullPath都会改变 key也会改变

当路由检测到key改变会刷新页面

这样就完美的解决了该问题