首页 > 其他分享 >vue router keepalive 未生效的原因

vue router keepalive 未生效的原因

时间:2022-11-17 13:23:57浏览次数:38  
标签:index vue name Review router keepalive

组件文件名称和组件名称不一致。如图,文件名称为index.vue,但是name为Review,两者不一致,导致缓存页面不成功。

 

解决方案:

第一种:在index.vue中手动设置 component的名称为 Review,即可解决。

第二种:将路由中的name设置为与文件名相同的名称index,即可解决。

标签:index,vue,name,Review,router,keepalive
From: https://www.cnblogs.com/panyujun/p/16899164.html

相关文章

  • 尚硅谷vue课程之vue中的mvvm
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content......
  • Vue新老系统切换(By 权)
    Vue新老系统切换1-    卸载node.js2-   https://github.com/coreybutler/nvm-windows/releases 下载nvm 3..安装后cmd  nvm-v 4.cmd里输入 nvmi......
  • vue 解决el-table 表体数据发生变化时,未重新渲染问题|页面不更新问题
    一、所遇到的问题在使用el-table组件时,数据已经发生了变化,但是页面显示的数据却没变化;二、解决办法在el-table中添加一个key,可以设置成boolean类型的,在数据更新后更新......
  • vue3点击其他元素隐藏固定DIV
    vue3点击其他元素隐藏固定DIV显示的内容<divv-if="hSearch"ref="iscity"><div><inputclass="h-9w-full"placeholder="内容搜索..."/></div></div>元......
  • vue项目中utils常用的js方法
    constbaseURL=process.env.VUE_APP_BASE_API//日期格式化exportfunctionparseTime(time,pattern){if(arguments.length===0||!time){returnnul......
  • vue网页滚动到一定程度出现动画效果
    script代码 data(){    return{      toShow3:false,    };  }mounted(){window.addEventListener('scroll',th......
  • Vue props配置
    1、props配置项props的作用是让组件接收外部传过来的数据(接收参数)2、组件传参向组件Student传入参数:name,sex,age<!--第一种方式:直接写参数名=xxx,传入的是字符串形式-......
  • vue纯前端导入excel,获取excel的表格数据渲染el-table并纯前端分页实现方法
    因为项目开发的过程中不是所有的表格数据由后台处理返回,因为有些数据不需要在数据库落地,只做前端页面展示并且获取表格的数据上传即可,所以需要前端纯处理excel的数据。第......
  • Vue ref属性
    ref属性1.被用来给元素或子组件注册引用信息(id的替代者)2.应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)3.使用方式:  1.打标识:<h1re......
  • vue3的<setup script>中使用異步函數
    由於vue3的setup一般情況下不允許為async,如果要將setup變成async,則要引入異步組件 <Suspense> <template#default> <SwitchMaintenanceUpdate/> </template> </S......