vue中为每个页面单独设置title和meta信息

最新推荐文章于 2023-03-09 23:00:58 发布

半暖春光

最新推荐文章于 2023-03-09 23:00:58 发布

阅读量1.9k

点赞数 1

本文链接：https://blog.csdn.net/weixin_45696232/article/details/101830400

版权

vue中为每个页面单独设置title和meta信息

安装：

npm install vue-meta -s

引用： main.js中全局引用

import Meta from 'vue-meta'
Vue.use(Meta)

每个页面中设置信息

export default {
   metaInfo:{
        title:'上海国际广告节-展览',
        meta:[
            { name: 'discription',content:'展览' },
            { name: 'keywords', content: '作品展,品牌展,广告设计展' }
        ]
    },
    data () {
      return {
 
      }
    },
}