这里提供两种方式,推荐使用第二种

这个篇文章发布得早,我说明一下,动态修改title,想要seo抓取,需要使用服务端渲染技术

方式1

routes: [
    {
        name:'home',
          path: '/home/:openname',
          component: Home,
          meta: {
            title: '首页'
        }
    }
  ]

方式2

  • 安装
npm install vue-meta --save
  • 在main.js中导入
import Meta from 'vue-meta'
Vue.use(Meta)
  • 使用
//直接使用
 metaInfo () {
      return {
        title: this.title,
        meta: [
          { vmid: 'description', name: 'description', content: this.description }
        ]
      }
    },
// 懒人版全局配置
在app.vue中使用一次即可,使用vuex存储title,这样随心改动title,无需更多代码
好久没写vue了,多余的代码就不写了哈哈,
  metaInfo() {
    return {
      title: this.title,
    };
  },
  updated() {
    this.title = this.$route.meta.title;
  },
Logo

前往低代码交流专区

更多推荐