vue项目设置和动态修改页面标题title

设置:

1、在项目的public文件下的index.html中的< title > 标签设置vue项目设置和动态修改页面标题title
vue项目设置和动态修改页面标题title

2、在main.js中设置

Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

动态修改:

1、修改router中index.js文件中每个路由加上 meta:{ title: ‘xxx’}

const router = new Router({
    mode: '',
    routes: [
        {
            path: '/ ',
            name: ' ',
            component:  ,
            meta:{
                // xxx是自己想要设置的标题名
                title: 'xxx'
            }
        }
    ]
})

2、在页面中直接对document.title赋值
vue项目设置和动态修改页面标题title

上一篇:扎克伯格说,元宇宙meta长这“小样er”


下一篇:Meta分析数据处理流程