1. 首页
  2. 编程语言
  3. Javascript
  4. Vue.js项目中管理每个页面的头部标签的两种方法

Vue.js项目中管理每个页面的头部标签的两种方法

上传者: 2021-05-15 01:11:28上传 PDF文件 56.63 KB 热度 6次

在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title 呢?下面介绍两种方法。在路由里面配置每个路由的地址:在每一个 meta 里面设置页面的 title 名字,最后在遍历这样就为每一个VUE 的页面添加了title。vue-meta 主要用于管理 HMTL 头部标签,同时也支持 SSR。

用户评论