900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > nuxt.js 设置meta标签 动态设置title

nuxt.js 设置meta标签 动态设置title

时间:2021-06-04 12:24:22

相关推荐

nuxt.js 设置meta标签 动态设置title

全局设置meta在nuxt.config.js中

在nuxt.config.js配置文件中,有个head属性可以设置全局的title,content和keywords等属性

局部设置

设置某个单独页面的title和关键字等,首先要找到这个页面的JS代码有一个head()方法,同样可以进行一些类似的设置:

<script>data() {return {title: this.$route.params.routers,};},head() {// 优化seo:动态设置title,keywords 和 descriptionreturn {title: this.title,meta: [{name: "keywords",content:"淘宝,西瓜视频,抖音,今日头条,懂球帝,微信,微博",},// hid是一个唯一标识{hid: 'description', name: 'names', content: '应用大全'},],};},};</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。