vue keep-alive在生产环境失效

 

 项目要求实现类似浏览器标签页的需求,标签页切换缓存之前的数据

使用keep-alive实现,在本地正常,但是打包放到线上就失效了

cachedViews缓存组件的name
路由文件中,每个页面都是有name属性的
<keep-alive :include="cachedViews">
         <router-view class="content-container" :key="key" />
</keep-alive>


解决方法:
在开发环境,会直接把类名作为组件的name值,但是build时类名会被忽略掉,因此需要手动加上name属性。
@Component{
    name: 'componentName'
}
export default class Components extends Vue {}

 










posted @ 2021-05-19 15:21  Jade_g  阅读(111)  评论(0编辑  收藏  举报