当前位置: 首页 > Web前端 > HTML5

vue项目动态设置页面标题和是否缓存页面

时间:2023-04-05 00:57:00 HTML5

而传统页面可以在每个页面设置并填写相应的页面标题,但是,vue是单页应用项目,如果你想设置相应的页面标题,不能用传统的方法。首先找到之前配置的路由文件,在对应的页面路由中添加如下配置:meta:{title:'我是页面的标题'}然后添加if(to.meta.title){document.title=to.meta.title}说到给路由添加meta配置,还有一个比较常用的就是keepAlive,可以设置页面是否缓存,如下:meta:{keepAlive:true}然后设置router-.vue文件的视图/启用页面缓存//pageisnotcached/回到设置页面标题的话题,不过最近做了一个基于nuxt.js的项目vue,而路由是根据项目目录结构自动生成的,之前的方法不行。经过摸索,设置nuxt.js项目的标题并不难,添加到对应的.vue文件即可