vue 动态修改页面的meta
这里提供两种方式,推荐使用第二种方式1routes: [{name:'home',path: '/home/:openname',component: Home,meta: {title: '首页'}}]方式2安装npm inst...
·
这里提供两种方式,推荐使用第二种
这个篇文章发布得早,我说明一下,动态修改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;
},
更多推荐
已为社区贡献6条内容
所有评论(0)